如何在自定义平面列表中实现此库

Question

我有一个像波纹管这样的平面清单。代码是这样的。 在这种情况下如何实现弹出菜单？

renderList = () => (
    <FlatList
      data={this.props.contracts.data}
      keyExtractor={item => String(item.id)}
      renderItem={({ item }) => <ListItem onPress={() => {}} listItem={item} />}
    />
);

Answer 1

在平面列表内部呈现弹出菜单没有什么特别的。只需将其放入您的ListItem组件中即可。

广告“在大多数情况下，您的应用程序中不应包含更多菜单提供程序（请参阅API文档）。在其他情况下，请使用skipinstacecheck prop”警告。通常（例如98％的情况），您的应用程序中不应包含多个MenuProvider。如果将其放在ListItem内，它将被渲染多次。只需在应用程序顶部使用一个MenuProvider-请参阅主要的自述文件：

  

将您的应用程序包装在MenuProvider中，然后简单地使用Menu   您需要的组件。

还有许多示例可供您研究，例如https://github.com/instea/react-native-popup-menu/blob/master/examples/InFlatListExample.js