react-native - 如何在 stackNavigator 屏幕内水平滑动？

Question

我正在尝试在同一 StackNavigator 的不同屏幕之间创建滑动导航

当我设置swipeEnabled:true在 navigationOptions ，我的应用程序宁愿在不同的选项卡之间导航。

我宁愿从 Screen A 在同一个堆栈中导航至Screen B例如。

我该怎么做？

Answer 1

我有同样的用例。我想要一个可滑动的 <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 />哪里都行。