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