React-Native 使用中的坑

androidjavascript

  一、鍵盤會在 ScrollView 之上----不知道是否是未給ScrollView 設置高度的問題java

  二、navigation的標題在android居中顯示辦法react

navigationOptions: {
        headerBackTitle: null,
        headerTintColor: '#080808',
        headerTitleStyle:{flex: 1, textAlign: 'center'},
        headerStyle: {backgroundColor: 'white', borderBottomColor: 'transparent'}
    }

   三、TextInput 父級元素設置onPress 事件,在輸入框內點擊無效,可是android在輸入框editable = false時有效 ---因此別這個幹android

   四、ios   鍵盤遮擋輸入框解決辦法  KeyboardAvoidingView (react-native組件提供)ios

   五、ios   iphone X 等StatusBar 問題用 SafeAreaView解決react-native

     六、ios   使用 borderRadius 時須要使用 overflow:hidden,不然圓角不生效iphone

  七、ios  使用line-height 時會撐開高度,可是ios並不居中,並且在android 中line-height 只能設置int類型,不然容易報錯,將來版本可能會被修正。flex

  八、TextInput組件  android默認有下劃線可是ios 中沒有,去掉辦法,讓下劃線變成透明  underlineColorAndroid='transparent'spa

  九、Text 組件 android默認透明背景,ios 無blog

  十、scrollView 組件,嵌套listView 時須要注意 android 是先滑scrollView 後滑動list

使用中的小知識點----不說你可能都發現不了

  一、Keyboard 能夠控制鍵盤相關事件 

  二、Dimensions 獲取dim 寬高。

相關文章
相關標籤/搜索