反应导航v2滑动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了反应导航v2滑动相关的知识,希望对你有一定的参考价值。

由于我在堆栈导航器中更新以反应导航v2,我可以在选项卡之间滑动,现在我不知道如何解决它,因为gesturesEnabled不再适用于我。

const HomeStack = createStackNavigator({
    Home:HomeScreen,
    Read:Read
    },
    {
        headerMode:'none'
    }
);

const Tabs = createMaterialTopTabNavigator({
        Home:{
            screen: HomeStack,    
            navigationOptions: {
                tabBarLabel:'Home',
                tabBarIcon: () => <Image source ={require('../assets/icons/tabHome.png')} style={{width: 32,height: 32}}></Image>
              }
        },
    {
        initialRoutName: 'Home',
        swipeEnabled: true
    });
export const Root = createStackNavigator ({
    Tabs: {
        screen: Tabs
        }
    },
    {
        navigationOptions:{
            header: <Header/>
        }
    }

);

HomeStack.navigationOptions = ({ navigation }) => {
    let tabBarVisible = true;
    if (navigation.state.index > 0) {
      tabBarVisible = false;
    }
    return {
      tabBarVisible
    };
};
class MainScreen extends Component {
    render() {
        return <Root />
    }
}

所以我真正需要的是当我在Read stack中时禁用选项卡之间的滑动。另外,您可以看到root选项有一个固定的标题。当我在root里面时,如何隐藏标题?因为标题:'none'不会覆盖root选项。谢谢。

答案

您想在标签导航器配置中将swipeEnabled设置为false。这在以下文档中有记录:https://reactnavigation.org/docs/en/material-top-tab-navigator.html

以上是关于反应导航v2滑动的主要内容,如果未能解决你的问题,请参考以下文章

覆盖后退按钮 wix 反应原生导航 V2?

我实施滑动标签有什么问题?

反应导航模式滑动

如何使用反应原生导航 v2 添加侧边栏抽屉?

如何在反应原生导航 Wix V2 中从侧边菜单导航到页面

ViewPager 不在超过 1 个片段中显示地图 v2