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)"
  安装完了报
  -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了。