react-native - React-Native-Navigation (v2) 底部选项卡 onPress

Question

我有一个底部标签，中间有一个播放按钮，我想触发一个函数而不是加载一个注册的屏幕。

现在我有：

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

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

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

版本：

• “反应原生”：“0.59.3”，
• “反应原生导航”：“2.16.0”

提前致谢。

Answer 1

这是不可能的。

你可以这样做；

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

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