我正在尝试在同一 StackNavigator
的不同屏幕之间创建滑动导航
当我设置swipeEnabled:true
在 navigationOptions
,我的应用程序宁愿在不同的选项卡之间导航。
我宁愿从 Screen A
在同一个堆栈中导航至Screen B
例如。
我该怎么做?
最佳答案
我有同样的用例。我想要一个可滑动的 <StackNavigator>
.我能找到的解决方案是模拟 <StackNavigator>
使用 <TabNavigator>
,或者更具体地说,使用 createMaterialTopTabNavigator()
.
我所做的是创建此选项卡(这是 react-navigation 2 中唯一允许 swipeEnabled
的选项卡)并添加了 display: none
以其风格。这样我就可以拥有 <TabNavigator>
行为类似于 <StackNavigator>
.
这是代码:
const SwipeableNavigator = createMaterialTopTabNavigator({
FrontCard: FrontCardScreen,
BackCard: BackCardScreen
},
{
swipeEnabled: true,
tabBarOptions: {
style: { display: "none" }
}
});
然后调用
<SwipeableNavigator />
哪里都行。
关于react-native - 如何在 stackNavigator 屏幕内水平滑动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51483105/