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 宽高。

  

 

 

 

 

 

 

 

 

 

 

  

posted @ 2019-10-22 18:37  雨中伞  阅读(410)  评论(0编辑  收藏  举报