Android Expo/React Native-添加可单击图标以及StackNavigator对象
有没有办法将可单击图标与StackNavigator对象一起添加 这是一个工作代码,它将显示一个“CreateBoottomTabNavigator”,其中只有一个图标会在按下时显示“OtherScreen”Android Expo/React Native-添加可单击图标以及StackNavigator对象,android,reactjs,react-native,expo,Android,Reactjs,React Native,Expo,有没有办法将可单击图标与StackNavigator对象一起添加 这是一个工作代码,它将显示一个“CreateBoottomTabNavigator”,其中只有一个图标会在按下时显示“OtherScreen” const OtherStack = createStackNavigator({ Other: OtherScreen, }); OtherStack.navigationOptions = { tabBarLabel: 'Other', tabBarIcon:
const OtherStack = createStackNavigator({
Other: OtherScreen,
});
OtherStack.navigationOptions = {
tabBarLabel: 'Other',
tabBarIcon: ({
focused
}) => (
<TabBarIcon focused={focused} name='archive' />
),
};
export default createBottomTabNavigator({
OtherStack
});
const OtherStack=createStackNavigator({
其他:其他屏幕,
});
OtherStack.navigationOptions={
tabBarLabel:'其他',
塔巴瑞康:({
专注
}) => (
),
};
导出默认CreateBoottomTabNavigator({
其他堆栈
});
我想在同一个“CreateBoottomTabNavigator”中添加一个共享图标,这样它将与所有其他图标对齐,但我不希望它导致不同的屏幕。我只想让它打开一个共享对话框
我找不到解决这个问题的办法。有可能吗?有人能帮忙吗?您可以在选项卡栏上添加一个按钮,通过覆盖路线的
tabBarOnPress
,该按钮不会导致另一个屏幕。下面是一个例子:
重要的部分在这里:
Placeholder: {
screen: () => null,
navigationOptions: {
tabBarOnPress: ({ navigation, defaultHandler }) => {
// don't call default handler!
alert('pressed placeholder!');
},
},
},