求助一个关于navigation嵌套的问题
-
const X = TabNavigator({ s3: { screen: T1 }, s4: { screen: T2 } }) const A = StackNavigator({ s1 : { screen: X }, s2: { screen: Y } }) const Main = TabNavigator({ tab1: { screen: A }, tab2: { screen: B } }) AppRegistry.registerComponent('App', () => Main);
最外层是一个tab,里面是一个Stack,再里面一层又是tab, 安卓进去就会白屏,ios是好的,求助
-
难道TabNavigator里面继续分栏TabNavigator这个需求很奇怪吗,都没人碰到过吗?
-
按照楼主结构试验了一下。正常显示。用的模拟器是genymotion。
-
能发下package.json吗
-
@cx5168 你确定你里面那个tab可以切换吗?
-
https://github.com/react-community/react-navigation/issues/662
google了一下确实有这个问题,话说国内就真的没人碰到过?
这是我的package.json{ "name": "Crm", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "babel-preset-react-native": "2.1.0", "react": "16.0.0-alpha.12", "react-native": "0.47.2", "react-native-storage": "^0.2.2", "react-navigation": "^1.0.0-beta.11" }, "devDependencies": { "babel-jest": "20.0.3", "jest": "20.0.4", "react-devtools": "^2.5.0", "react-test-renderer": "16.0.0-alpha.12" }, "jest": { "preset": "react-native" } }
-
解决方法为,在用到TabNavigator的地方,NavigatorOption里面
swipeEnabled: false, animationEnabled: false,
不过这个应该是临时方案,等待官方解决吧
-
看了一下我的代码,我确实也设置了
swipeEnabled: false,
animationEnabled: false,但是我把它们去掉还是能正常显示。