javascript - 覆盖平面列表列数的下拉列表

Question

（我的实际问题在底部是您只想跳到那里，其余的是上下文）

我正在尝试创建如下所示的内容（来自我的 figma 的图片）：

单击章节时，您的快速笔记页面会出现一个下拉列表。如您所见，它占据了两列的整个宽度，而不仅仅是一列。

我能够用代码做到这一点（注意点击一章现在没有任何作用，这就是我在这里的原因）：

这是平面列表代码：

<FlatList
  contentContainerStyle={{
    alignItems: 'center',
    marginVertical: 10,
    minHeight: 200,
  }}
  data={notes}
  numColumns={2}
  keyExtractor={(item, index) => item.key}
  ListFooterComponent={() => <AddNoteFooter onPress={addSpecificNote} />}
  renderItem={({ item }) => {
    let openState;
    return (
      <View>
        <TouchableOpacity onPress={null} style={styles.flastliststyle}>
          <Text style={styles.flastlistItemText}>{item.note}</Text>
        </TouchableOpacity>
      </View>
    );
  }}
/>

所以简而言之，我的问题是：

如何制作这种性质的下拉菜单，以及如何制作它，以便 ListFooterComponent 监听列定位而不是居中。

请帮忙，这让我很伤心。我不想难过。

标签： javascriptreactjsreact-native