Question

单击文本设置时，我使用react-native-popup-menu弹出菜单。这是我的代码

 <View>
    <Text>Hello world!</Text>
    <Menu>
      <MenuTrigger text='Settings' />
      <MenuOptions>
        <MenuOption onSelect={() => alert(`Save`)} text='Save' />
        <MenuOption onSelect={() => alert(`Delete`)} >
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
      </MenuOptions>
    </Menu>
  </View>

这样可以正常使用，但我没有显示“设置”文字，而是显示'react-native-elements'的图标。通常我用这段代码显示图标

<Icon
         name='public' 
         color='#5877'
         onPress={this.handleClick.bind(this)} />

您是否有可能实现这一目标？

Answer 1

MenuTrigger的文档指出，如果children道具通过，MenuTrigger将无法呈现。

所以我假设您可以将任何React组件渲染为<MenuTrigger> <Icon name='public' color='#5877' /> </MenuTrigger>的子组件，如下所示：

MenuTrigger

查看{{1}}组件的代码！ https://github.com/instea/react-native-popup-menu/blob/master/src/MenuTrigger.js#L27

用图标

1 个答案: