React-Native 使用中的坑
android
1、鍵盤會在 ScrollView 之上----不知道是不是未給ScrollView 設置高度的問題
2、navigation的標題在android居中顯示辦法
navigationOptions: {
headerBackTitle: null,
headerTintColor: '#080808',
headerTitleStyle:{flex: 1, textAlign: 'center'},
headerStyle: {backgroundColor: 'white', borderBottomColor: 'transparent'}
}
3、TextInput 父級元素設置onPress 事件,在輸入框內點擊無效,但是android在輸入框editable = false時有效 ---所以別這個干
4、ios 鍵盤遮擋輸入框解決辦法 KeyboardAvoidingView (react-native組件提供)
5、ios iphone X 等StatusBar 問題用 SafeAreaView解決
6、ios 使用 borderRadius 時需要使用 overflow:hidden,否則圓角不生效
7、ios 使用line-height 時會撐開高度,但是ios并不居中,而且在android 中line-height 只能設置int類型,否則容易報錯,未來版本可能會被修正。
8、TextInput組件 android默認有下劃線但是ios 中沒有,去掉辦法,讓下劃線變成透明 underlineColorAndroid='transparent'
9、Text 組件 android默認透明背景,ios 無
10、scrollView 組件,嵌套listView 時需要注意 android 是先滑scrollView 后滑動list
使用中的小知識點----不說你可能都發現不了
1、Keyboard 可以控制鍵盤相關事件
2、Dimensions 獲取dim 寬高。

浙公網安備 33010602011771號