如何在MenuTrigger中设置图标

Question

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

我试图用react-native-popup-menu lib。

来实现这一点

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

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

Answer 1

实际上，根据doc

，dataPart只是可选属性

  

可选|要呈现的文本。提供此道具时，触发器的孩子将无法呈现

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

text

另见官方example

Answer 2

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

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

注意。我最初尝试将Image>包装在TouchableOpacity>中，这会引发故障。原来没有必要使用。您只需要直接插入Image>。