[原创]最近使用React-Native的适配问题和警告搜集

主要记录一下最近使用RN 0.29.2版本遇到的适配的坑以及部分警告的解法。

 

适配类：

1. 安卓输入框圆角、边框颜色、粗细等无法设置成功，需要在TextInput外面新增一个View设置圆角，TextInput本身设置背景透明可以解决。
2. lineHeight样式在安卓上不能为小数，否则崩溃。
3. TextInput的editable属性设置之后即便为true，iOS的清空按钮也不能点。workaround：不设置editable，通过不更新state来限制输入。
4. Text的numberOfLines设为0的话iOS不限行数，Android则不显示任何内容。可将该值设置为一个较大数如跟字数限制相等。
5. Image的resizeMode设为stretch则安卓的borderRadius样式圆角针对的是图片的原始尺寸，设为cover则针对style中的高宽。iOS无此问题，均针对Image控件本身。
6. ListView的onResponderMove事件在Android不触发，需要设置onMoveShouldSetResponderCapture, 若返回true则小米的ListView响应onResponderMove事件但三星仍然不行，但具体看业务可能可以用onMoveShouldSetResponderCapture取代onResponderMove来完成Android上的逻辑，返回false即可。onMoveShouldSetResponderCapture不影响iOS。
7. KeyboardAvoidingView在iOS和Android上表现不尽相同，需要render不同的view hierarchy。具体请查看TweetCommentEdtor代码。另外在Android上若有TextInput会显示不正确，键盘会一直覆盖到TextInput输入区域下面（受到windowSoftInputMode属性影响）。详见FB的这条pull：https://github.com/facebook/react-native/pull/8889 ， 另外下面有我的评论和解决方案（id：cmmobiraoxin）。
   

 

警告类：

1. ListView的renderRow警告需要key，设置renderRow中的component的key属性是没用的，需要设置renderSeparator中的component的key属性。同样的往一个Array中push多个component，需要每个component都有key属性且不可重复。
2. 新出的ActivityIndicator兼容iOS和Android，可以替换掉ActivityIndicatorIOS和ProcessBarAndroid。
3. 使用Promise部分中的callback代码错误会变为警告。Promise的设计可以替代回调，因此应该将Promise返回给调用者，使其可以继续使用.then来进行后续处理和使用.catch来处理异常情况。