テキストをアイコンに置き換えます

Question

react-native-popup-menuを使用して、「設定」をクリックしたときにメニューをポップアップします。これは、これが正常に動作しますが、代わりに、私は'react-native-elements'からアイコンを表示するテキスト「設定」の私のコード

<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> 

です。通常、私はこのコードでアイコンを表示しています

<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