近期開始了一個新的項目，領導讓使用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.按照文檔要求使用
