Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何在stackNavigator屏幕内水平滑动?_React Native_React Navigation - Fatal编程技术网

React native 如何在stackNavigator屏幕内水平滑动?

React native 如何在stackNavigator屏幕内水平滑动?,react-native,react-navigation,React Native,React Navigation,我正在尝试从同一个StackNavigator 当我在navigationOptions中设置swipEnabled:true时,我的应用程序会在不同的选项卡之间导航 例如,我更希望在同一个堆栈中从屏幕a导航到屏幕B 我怎样才能做到这一点呢?我有同样的用例。我想要一个可开关的。我能找到的解决方案是使用模拟,或者更具体地说,使用createMaterialTopTabNavigator() 我所做的就是创建了这个选项卡(这是react navigation 2中唯一一个允许SwibEnabled)

我正在尝试从同一个
StackNavigator

当我在
navigationOptions
中设置
swipEnabled:true
时,我的应用程序会在不同的选项卡之间导航

例如,我更希望在同一个堆栈中从
屏幕a
导航到
屏幕B


我怎样才能做到这一点呢?

我有同样的用例。我想要一个可开关的
。我能找到的解决方案是使用
模拟
,或者更具体地说,使用
createMaterialTopTabNavigator()

我所做的就是创建了这个选项卡(这是react navigation 2中唯一一个允许
SwibEnabled
)并在其样式中添加了
display:none
。这样我就可以拥有一个行为类似于

代码如下:

const SwipeableNavigator = createMaterialTopTabNavigator({
  FrontCard: FrontCardScreen,
  BackCard: BackCardScreen
},
{
  swipeEnabled: true,
  tabBarOptions: {
    style: { display: "none" }
  }
});

然后只要想在哪里就打电话给

要隐藏选项卡栏,还可以提供自定义选项卡栏组件:
tabBarComponent:()=>null
。这样,您就不必渲染然后使用样式隐藏它