1.
有时候构建完初始化的React Native项目后,分别在两个终端的命令行输入react-native start和react-native run-android之后,前者没问题,而后者会报错:
解决方案:
修改build.gradle文件,将其com.android.tools.build:gradle的值改为2.1.0(屡试不爽)
2.
"react-native": "0.44.0",这个版本的react-native如果引用navigator原生组件的话,会报错
提示navigator已从该版本的react-native中移除了
解决方案:
使用低版本react-native,比如"react-native": "0.39.2"
3.
如果桌面版的模拟器在运行的时候,而同时usb连接移动设备,可能会出现一些匪夷所思的报错
4.
react-native原生应用项目全程自带flex布局,不需要再样式中写入display:flex,当然也不支持display样式,另外也不支持百分比为属性值的样式,比如width:100%
5.
es5和es6尽量不要混合使用,否则可能会出现报错:
6.
报错:TypeError:Cannot read property 'bind' of undefinded
解决方案:this.method.bind(this)
7.在View上加onPress事件无效,只能在原生组件上添加
8.
解决方案:navigator={this.props.navigator}添加在需要导航的页面组件和被导航的页面组件上
9.使用es6语法时,如果遇到这样的报错:undefined is not an object(evaluating 。。。。)一般是事件绑定的方法上没有.bind(this)
10.使用mobx时需要 npm install babel-plugin-transform-decorators-legacy --save,因为不知@写法
11.<View>上加numberOfLines无效果,需要加到<Text />
12.onPress事件可以加到<Text>和<TouchableOpacity>上,但是加到<View>上没有效果
13.运行模拟器的时候不要差usb线!!!不管有没有usb连接设备(手机,平板)
13.react native 中的webview会加载很慢,与原生相比
网友评论