React-native 踩坑记

React-native 踩坑记

这篇文章主要记录我在使用react-native开发时踩的坑

1：设置项目的界面跳转
import {
createAppContainer,
createStackNavigator
} from ‘react-navigation’;
使用这两个类来实现。
具体代码：
const MainNavigator = createStackNavigator({
LoginPage:{screen:LoginPage},
},

{
    initialRouteName: 'LoginPage', // 默认先加载的页面组件
    mode: 'modal',       // 定义跳转风格(card、modal)
}

);
const RootStack = createAppContainer(MainNavigator);
然后在app.js return里将RootStack当作一个组件写就行了。

代码解释：
createStackNavigator里面的第一部分就是你的项目里的所有需要的界面；第二部分就是一个项目运行后初始界面。

写完这个框架后，你需要添加新的页面就很简单了，需要import进去，然后再在createStackNavigator第一部分里添加就行了。

2：跳转到另一个界面后自动设置返回栏：
在界面构造函数前面加上 static navigationOptions = {header: null,};这样一句话就行了。

3：scrollview里面的组件还有scrollview，这种情况下内部的scrollview不能滑动。
外部scollview设置scrollEnabled={this.state.scoll}
然后在内部scollview里面的点击函数加上，onPressIn和onPressOut操作。
onPressIn时设置scoll为false，这样外部scollview就不能滑动了，内部scollview就能滑动了。
onPressOut时则设置scoll为true。
做这样一个出来后就解决了内外部scollview选择哪个滑动了。