react-native - wix/react-native-navigation navbar のコンテキスト ポップアップ メニュー

Question

「react-native-navigation」navbar で「react-native-popup-menu」を使用して 3 つのドット コンテキスト メニューを設定することは可能ですか? または、「react-native-navigation」ナビゲーションバーを使用して、IOS と Android の両方で 3 つのドット コンテキスト メニューを設定する他の方法はありますか?

Answer 1

私もこれについて疑問に思っていましたが、解決策を見つけました。通常、すべてのメニューパーツはMenuタグ内にある必要があるため、 MenuTrigger. スタイルを設定できますがMenuTrigger、それでトップバーに入れませんでした。

良いニュース: それよりもさらに簡単です。全体Menuを次のnavigationOptionsように配置するだけです。

static navigationOptions = ({navigation}) => ({
  title: 'Uploaded Videos',
  drawerLockMode: 'locked-closed',
  headerRight: 
    <Menu renderer={SlideInMenu} style={{ zIndex: 10 }}>
      <MenuTrigger text="open menu"/>
      <MenuOptions style={{ flex: 1 }}>
        <Text>Menu</Text>
        <MenuOption onSelect={() => { console.log("clicked") text="Click me" />
      </MenuOptions>
    </Menu>

警告:navigationOptions静的であるため、メニューではコンポーネントの機能を使用できません。しかし、それを回避する方法があります。一例として、 react-native-navigation でこの問題を参照してください。通常、そのためにはおそらく redux を使用する必要があります。

うまくいけば、これはまだあなたを助けます！