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

时间:2018-11-02 10:06:34

标签: react-native react-native-popup-menu

  

我正在使用像

这样的react native弹出菜单
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} />
  )}/>

1 个答案:

答案 0 :(得分:0)

如果您不将其与{title:"Age", field:"age", align:"left", formatter:function(cell, formatterParams){ var value = cell.getValue(); if(value > 20){ cell.getRow().getElement().css({ "background-color": "#ffbe33" }); return value; }else{ cell.getRow().getElement().css({ "background-color": "transparent" }); return value; }} } 属性混合使用,则几乎可以在if keyboard.pressed('q'): 组件中进行渲染-请参见官方示例-例如

MenuOption

关于“选择”,如果需要完全控制,则可以使用弹出菜单作为受控组件。