我有一个标签栏,我想制作它,以便在按下其中一个标签时,它将屏幕推送到堆栈上(覆盖标签栏)。它基本上是 StackNavigator 和 BottomTabNavigator 的组合。我试过这个,但它给了我一个错误,说“导航”是未定义的。
应用程序.js
const AppContainer = createStackNavigator(
{
SnapTalk: Tabs,
Post: {
screen: PostScreen
}
},
{
mode: "modal",
headerMode: "none",
initialRouteName: "Post"
}const AppContainer = createStackNavigator(
{
SnapTalk: Tabs,
Post: {
screen: PostScreen
}
},
{
mode: "modal",
headerMode: "none",
initialRouteName: "Post"
}
导航栏.js
<AppTabs.Screen
name="Post"
component = {PostScreen}
options={{
tabBarIcon: ({ color, size}) => (
<Icon name="ios-add-circle-outline" size={30} color= {color} />
)
}}
listeners={{
tabPress:
navigation.navigate("Post")
}}
>