React-Native 开发问题记录

执行react-native init 慢

npm官方的源不稳定，我们可以使用国内淘宝的源http://registry.npm.taobao.org/

具体命令如下：

npm config set registry=http://registry.npm.taobao.org/

react-native-image-crop-picker

此插件可以支持多图片选择，也可支持图片裁剪，比react-native自带的 CameraRoll要灵活

对于ios10的设备开发中，访问图片或相机，需要在info.plist中增加 NSPhotoLibraryUsageDescription 和 NSCameraUsageDescription 两个 key

Geolocation对象的使用

navigator.geolocation 就是我们需要的Geolocation对象了，navigator是一个全局对象

安装homebrew后，报找不到brew命令

按照官网提示的安装命令

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"[/code] 
安装完了报

-bash: brew command not found


原来是xcode刚安装，还没点同意协议，打开xcode，然后点”agree”，再重新安装homebrew，就可以了

初始化一个已存在的项目

package.json已存在，只需要执行命令

npm install --save


就可以自动安装所依赖的包，然后执行

react-native run-ios


就可以在ios模拟器上运行该项目了

动态控制的对象key不能使用数组的数字下标

let arr=[];

arr[0]='a';

arr[1]='b';

arr[2]='c';

this.state.pages=arr;


render(){

return(<Swiper>

{this.state.pages.map((value,key)=>{

<View key={key} ><Text>value</Text></View>

})}

</Swiper>);

}


上述代码，如果不需要删除数组元素，则没问题，

但是如果需要删除某个数组元素时，就会出现问题：无论删除第几个对象，看到的结果都是删除了最后一个元素。

而问题的原因在于遍历数组生成View时的key，动态删除数组元素后，render方法并不是真的全部重新创建View对象，而是找到删除掉的key，把对应key的View删除掉，这也就是为什么遍历数组中的View一定要加key属性，否则会报黄色错误。上面无论删除哪个数组元素，数组自动减少一个元素，key值都是剩下0、1，所以都是把key=2的View删除。

要避免这个问题，数组就不能用默认的数字型index了

把上面的数组改为

let arr=new Array();

arr['key1']='a';

arr['key2']='b';

arr['key3']='c';


这样删除一个元素后，只会把对应的key值删除，也就能删除对应的View了。