一般情況下如果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', //首頁
});
配置玩上看的代碼就可以實現了除首頁以外的界面側滑都是返回上一個界面。