如何在 MenuTrigger 中设置图标

Question

我的导航栏中有一个菜单图标，我需要将其用作菜单。

我正在尝试使用 react-native-popup-menu 库实现此目的。

组件 <MenuTrigger /> 只接受文本（字符串）作为属性。

如何将图标用作菜单触发器？

Answer 1

其实MenuTrigger.text根据doc

只是可选的属性

Optional | Text to be rendered. When this prop is provided, trigger's children won't be rendered

可以在 MenuTrigger 中放置任何内容（如果您不使用 text 属性），例如

<MenuTrigger>
  <YourIcon>
</MenuTrigger>

另见官方example

Answer 2

感谢您的提问，并post回答了这个问题。我有同样的问题并解决了这个问题 post。我使用这个模块制作了一个模拟汉堡菜单。实现了这个之后，我的代码现在看起来像这样。

  <MenuTrigger>
  <Image 
      source={require('./assets/Burger.png')}
      >
      </Image>
  </MenuTrigger>

注意。我最初尝试将 Image> 包裹在 TouchableOpacity> 中，这引发了故障。事实证明没有必要使用 .您只需直接插入 Image> 即可。

How to set an icon in MenuTrigger