react-native - wix/react-native-navigation 导航栏中的上下文弹出菜单

Question

是否可以在“react-native-navigation”导航栏中使用“react-native-popup-menu”设置三点上下文菜单？
或者我们有没有其他方法可以使用“react-native-navigation”导航栏在 IOS 和 Android 中设置三点上下文菜单？

Answer 1

您可以使用 showAsAction 控制每个按钮的优先级和位置(在 Android 上)属性(property)。见 docs更多细节。

简而言之，以下代码段将在菜单中添加两个按钮，在外部添加一个:

static navigatorButtons = {
  rightButtons: [
    {
      id: 'btn1',
      title: 'Menu button 1'
      showAsAction: 'never'
    },
    {
      id: 'btn2',
      title: 'Menu button 2'
      showAsAction: 'never'
    },
    {
      id: 'btn3',
      title: 'Regular Button'
      icon: require('./img/button.jpeg'),
      showAsAction: 'always'
    }
  ]
);

这在 iOS 上不可用，因为在 iOS 上通常使用操作表而不是菜单。