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
。这样,您就不必渲染然后使用样式隐藏它