解決react native react-navigation DrawerNavigator 在其他界面側滑手勢會喚出側滑菜單問題

一般情況下如果app中實現了側滑菜單功能,產品需求基本上都會要求只在首頁側滑的時候才能喚出側邊欄菜單,其他界面側滑是回到上一個界面。

爲了實現這個需求心酸爬坑路就不多言了。
參考資料:
參考資料1
參考資料2
參考資料3
然而我看完以上的資料並沒有很直觀的找到我要的答案,最後無意間測試發現下面的方法可是實現:

const navigationOptions = ({navigation}) => ({
  //其他配置項略
    drawerLockMode:'locked-closed' //here
});


const MainStackNavigator = StackNavigator({
    Chat:{
        screen: Chat,
        navigationOptions:{   //這步配置建議在Chat組件裏使用static navigationOptions配置
             drawerLockMode:'unlocked',  //here
        }
    }
  //其他界面配置略
},{
    navigationOptions: navigationOptions,
    initialRouteName: 'Chat', //首頁
});

配置玩上看的代碼就可以實現了除首頁以外的界面側滑都是返回上一個界面。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章