React-native开发问题小结

报错处理：

macOS 10.13 安装Virtualbox失败

这个操作步骤大概意思是，第一次安失败后，不要卸载，删除安装文件。去打开 安全与隐私里允许此文件网内核里写一个文件。然后再去双击安装按钮。

1、初始化项目报错处理：

注释：{ /*首页*/} 前面不能加//。

2、新建RN项目，运行安卓模拟器报错解决：

http://blog.csdn.net/jasonzds/article/details/78747524

错误1：unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server

解决办法 

1，在 android/app/src/main 目录下创建一个 assets空文件夹

mkdir android/app/src/main/assets

2，在项目根目录运行

react - native bundle - - platform android - - dev false - - entry - file index . js - - bundle - output android/app/src/main/assets/index . android . bundle - - assets - dest android/app/src/main/res/

Linux是一款开源免费的操作系统，是程序员和黑客创造的系统。

3、ios运行没有任何错误，安卓运行报错。

解决办法 ： 不要在你的render里的return里的根view里面使用注释， 也不能包含中文字符和括号等 ，有的在ios不报错，但安卓不行。

3、this.state定义的变量报错，但语法没有任何错误！！！

答：this访问导致的错误， renderHeader={this.renderHeader.bind(this)}

4、注意：属性值传递必须要写在 defaultProps

//设置固定值

App. defaultProps

5、终端报错：hucjdeiMac:BBuy hucj$ npm i -g npm

Unhandled rejection Error: EACCES: permission denied, open '/Users/hucj/.npm/_cacache/tmp/44262145'

解决：需要切换到root，输入密码后，有权限操作即可。！

su root

6、ES6写法

static defaultProps = {

    title: '' , //标题

}

constructor(props){

    super(props) ;

    this. state = {

    } ;

}

7、

position: 'absolute' , //绝对定位

fontWeight : ’bold',//字体加粗

//跳转到详情

pushToDetail (){

    this . props .navigator. push ({

        component :HomeDetal , //要跳转的板块

        title : '详情页' ,

    }) ;

}

//取整  Math. floor (e. nativeActions . contentOffset . x /scrWidth) ;

flexWrap : 'wrap' , //多个cell同一行显示 && View多行显示

resizeMode: 'contain' , //设置图片缩放

1、安卓图片必须都是小写，不然读取不到。

1）ios和安卓都可以用的tabBar:  npm i react-native-tab-navigator —-save

2）导航栏navigator的使用： (这个没有解决，是版本的问题)npm install react-native-deprecated-custom-components --save

https://blog.csdn.net/s8460049/article/details/73331043

解决： 输入下面这个命令npm install --save  https://github.com/facebookarchive/react-native-custom-components.git

https://blog.csdn.net/cw_hello1/article/details/78860019

需要释放权限（项目->node_modules->React设置为读写），具体上面那个好像好解决一点！！