在react-native中向底部导航添加工具提示

时间:2019-08-16 11:18:59

标签: react-native react-native-navigation

我当前正在使用react-native和底栏导航来创建一个应用程序,并且当用户按下导航栏中的图标之一时,我需要打开一个工具提示。 这就是我现在拥有的(这是reactinavigation.org建议的方式):

const TooltipStack = createStackNavigator(
  {
    Tooltip: {
      screen: () => null,
      navigationOptions: {
        header: null,
        tabBarOnPress: () => {
          // nothing is working here
        },
      },
    },
  },
  config
)

TooltipStack.navigationOptions = {
  tabBarIcon: ({focused}) => (
    <TabTooltip focused={focused} />
    // TabTooltip contains an icon and the tooltip functionality
  ),
}

当用户按下图标时,此代码将打开工具提示,让我根据选择的工具提示选项导航到不同的屏幕,但是如果他们按图标旁边的按钮,它将导航到空白屏幕。我一直在尝试将内容传递给tabBarOnPress,但似乎不起作用。

我想要的是在按下此选项卡栏图标时将导航限制为任何屏幕。 任何帮助表示赞赏!另外,如果您知道解决此问题的其他方法,请告诉我。

0 个答案:

没有答案