React-Native-Navigation (v2) 底部标签 onPress

Question

我有一个底部选项卡，中间有一个播放按钮，我想触发一个功能而不是加载已注册的屏幕。

现在我有：

children: [
    {
      component: {
        id: 'player' 
        name: 'navigation.PlayerScreen',
        passProps: {
          text: 'Player',
        }
      }
    }
  ],

我正在寻找是否有不需要屏幕的类似东西：

children: [
    {
      component: {
        id: 'player'
        onPress: () => playMusic()
      }
    }
  ],

版本：

• "react-native": "0.59.3",
• "react-native-navigation": "2.16.0"

提前致谢。

Answer 1

这是不可能的。

你可以这样做；

1. 创建一个名为 PlayMusic 的组件
2. 将 onPress 连接到 PlayMusic 组件
3. 将 PlayMusic 组件定义为 wix，然后定义 component.name。

如果要向函数发送参数，可以使用passProps。 （记得更新PlayMusic组件）