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

巴特西

React-Native 使用中的坑

最新文章

热门文章