ReactNative中iOS和Android的兼容性问题

近期开始了一个新的项目，领导让使用ReactNative来完成，说是这样子可以一套代码实现两个平台应用，对于先前没有接触过这个我开始了新的挑战。下面将程序进行中iOS端和Android端在布局上的一些BUG分享一下。

• 首先是一定要了解的Platform组件。他可以用来判断系统类型，一般使用的时候都是采用三目运算符

(Platform.OS==='ios')? "iOS代码" : "Android代码" ;
(Platform.OS==='Android')? "Android代码" : "iOS代码" ;

• 文字的默认背景。在iOS端文字默认背景为灰色，而Android端文字背景默认为透明，所以一定要在iOS端的布局样式中加上如下代码，使两个版本的样式一致

backgroundColor: 'transparent',

• 文字垂直居中。在iOS端文字默认没有下划线，而且垂直居中，在Android端必须加如下代码才能一致

underlineColorAndroid = 'transparent',  //设置下划线透明
textAlignVertical = 'center',  //设置垂直居中

• Text的圆角样式。在Android端设置的圆角样式如果在Text组件上，那么在iOS端将没有任何效果，所以必须将这个属性设置到View组件上

borderRadius: 5,

• 底部导航栏。在iOS端会有NavigatorIOS组件，可以很方便的实现，但Android端没有，所以使用时要使用第三方的react-native-tab-navigator组件，三步搞定
  1.首先下载

npm install react-native-tab-navigator -save

2.导入

import MyNavigator from 'react-native-tab-navigator'

3.按照文档要求使用

近期就遇到了这些，等遇到新的再更新O(∩_∩)O~