美文网首页
react-native的坑

react-native的坑

作者: 静皂蓝本 | 来源:发表于2017-05-02 13:47 被阅读86次

    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会加载很慢,与原生相比

    相关文章

      网友评论

          本文标题:react-native的坑

          本文链接:https://www.haomeiwen.com/subject/rmectxtx.html