react-native - 如何在弹出菜单选项的FlatList视图中使用复选框，react-native？

Question

我正在使用反应原生弹出菜单，如

import Menu, {
MenuProvider,
  MenuOptions,
  MenuOption,
  MenuTrigger,
  renderers,
} from 'react-native-popup-menu';

在这里，我想在平面列表视图中使用复选框，我将在单击时捕获复选框值作为菜单选项选择事件。

<MenuOptions>
 <FlatList
  data={this.state.dataSourceGrade}
  renderItem={({ item }) => (
    <MenuOption value={item.id} text={item.name} />
  )}/>

Answer 1

MenuOption如果您不将其与属性混合，您几乎可以在组件内部渲染任何东西text- 请参阅官方示例 - 例如

<MenuOption value={2}>
  <Text style={{color: 'red'}}>Two</Text>
</MenuOption>

当谈到“选择”时——如果你需要完全控制——你可以使用弹出菜单作为受控组件。