React Native 中的 StackNavigation 中的 TabBar
TabBar inSide the StackNavigation in React Native
我将 StackNavigation 用于 Push 和 Pop 及其参数。它工作正常。但是现在我想在 StackNavigation 之后的一些屏幕 TabBar 之后实现,有任何想法如何在 StackNavigation 之后使用 TabBar。
注意:我想实现自定义 TabBar。
请帮帮我
你可以做类似
let StackWithTabs1 = StackNavigator({ // stackNavigator inside the tabNavigator
Screen3:{
screen: Screen3
}
,Screen4:{
screen: Screen4
}
});
let StackWithTabs2 = StackNavigator({ // stackNavigator inside the tabNavigator
Screen5:{
screen: Screen5
}
,Screen6:{
screen: Screen6
}
});
let tab_bar = TabNavigator({
StackWithTabs1 : {
screen: StackWithTabs1 // Calling the stackNavigators that going to go inside the tabNavigator
},
StackWithTabs2 : {
screen: StackWithTabs2
}
});
let InitialStackNavigator = StackNavigator({
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
tabBar: {
screen: tab_bar // Calling the tabNavigator, wich contains the other stackNavigators
}
});
只需将您的 tabNavigator
及其 stackNavigators
分开声明,然后在主 stackNavigator
上调用它们。
我将 StackNavigation 用于 Push 和 Pop 及其参数。它工作正常。但是现在我想在 StackNavigation 之后的一些屏幕 TabBar 之后实现,有任何想法如何在 StackNavigation 之后使用 TabBar。
注意:我想实现自定义 TabBar。
请帮帮我
你可以做类似
let StackWithTabs1 = StackNavigator({ // stackNavigator inside the tabNavigator
Screen3:{
screen: Screen3
}
,Screen4:{
screen: Screen4
}
});
let StackWithTabs2 = StackNavigator({ // stackNavigator inside the tabNavigator
Screen5:{
screen: Screen5
}
,Screen6:{
screen: Screen6
}
});
let tab_bar = TabNavigator({
StackWithTabs1 : {
screen: StackWithTabs1 // Calling the stackNavigators that going to go inside the tabNavigator
},
StackWithTabs2 : {
screen: StackWithTabs2
}
});
let InitialStackNavigator = StackNavigator({
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
tabBar: {
screen: tab_bar // Calling the tabNavigator, wich contains the other stackNavigators
}
});
只需将您的 tabNavigator
及其 stackNavigators
分开声明,然后在主 stackNavigator
上调用它们。