用图标替换文本

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的文档声明，如果text道具通过，则不会呈现children。

所以我假设你可以提供任何阵营组件作为MenuTrigger的孩子，像这样：

<MenuTrigger> 
    <Icon 
    name='public' 
    color='#5877' 
    /> 
</MenuTrigger> 

退房的MenuTrigger组件的代码，以及！ https://github.com/instea/react-native-popup-menu/blob/master/src/MenuTrigger.js#L27