react-native - 如何在 MenuTrigger 中设置图标

Question

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

我正在尝试使用react-native-popup-menu库来实现这一点。

该组件<MenuTrigger />仅接受文本（字符串）作为道具。

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

score 12 · Accepted Answer

MenuTrigger.text根据文档，实际上只是可选属性

可选 | 要呈现的文本。提供此道具时，触发器的子级将不会被渲染

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

<MenuTrigger>
  <YourIcon>
</MenuTrigger>

另见官方示例

score 2 · Accepted Answer

感谢您提出问题并发布答案。由于这篇文章，我有同样的问题并解决了它。我使用这个模块制作了一个模拟汉堡菜单。实现了这个，我的代码现在看起来像这样。

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

笔记。我最初尝试将 Image> 包装在 TouchableOpacity> 中，这会触发故障。事实证明没有必要使用 . 您只需要直接插入 Image> 即可。

2 回答 2