TabBar inSide StackNavigation in React Native
问题描述:
我将采用StackNavigation作为Push和Pop的参数。它的工作正常。但现在我想在StackNavigation之后的一些屏幕TabBar后实现,有任何想法如何在StackNavigation之后采取TabBar。TabBar inSide StackNavigation in React Native
注意:我想实现自定义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
。
+0
嗨,我想重新加载选项卡上的标签。我怎么能实现。\ –
+0
不幸的是,我有同样的问题:/ –
您可以使用反应导航包中的TabNavigator –
但它是默认的TabBar。我想定制。 –
您可以根据您的要求进行定制。 –