我当前正在使用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,但似乎不起作用。
我想要的是在按下此选项卡栏图标时将导航限制为任何屏幕。 任何帮助表示赞赏!另外,如果您知道解决此问题的其他方法,请告诉我。