zoukankan      html  css  js  c++  java
  • 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 宽高。

      

      

  • 相关阅读:
    P1016 旅行家的预算
    导航菜单全部解释调用外部样式
    css调用外部样式和css样式说明剧中显示
    两种调用外部样式的方法
    css行内样式
    css选择器集体声明
    CSS用类选择器在本页写样式
    CSS用Id选择器在本页写样式
    css用标签选择器在本页写样式
    CSS本页写样式
  • 原文地址:https://www.cnblogs.com/web-Rain/p/11721643.html
Copyright © 2011-2022 走看看