首页 文章

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

提问于
浏览 次
0

我正在使用反应原生弹出菜单之类的

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} />
  )}/>
react-native react-native-popup-menu

1 回答

  • 0

    如果你不将它与 text 属性混合，你几乎可以在 MenuOption 组件中渲染任何东西 - 参见官方例子 - 例如

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

    当涉及到“选择” - 如果你需要完全控制 - 你可以使用弹出菜单作为受控组件 .

    回复于

相关问题