如何在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 />。