【React Native】若干问题经验总结

安卓字重fontWeight不生效

fontWeight以下是官方定义支持的（IOS全支持，但是安卓上仅支持’normal’ | ‘bold’）：

/**
 * Specifies font weight. The values 'normal' and 'bold' are supported
 * for most fonts. Not all fonts have a variant for each of the numeric
 * values, in that case the closest one is chosen.
 */
fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';

安卓绝对定位覆盖问题

RN中尽量避免父子元素同时absolute定位，在Android平台可能会出现父层位于子层上方的问题（IOS平台似乎是正常的）

安卓交互组件被父组件裁剪

react-native中涉及到交互的控件不要有父子关系，在安卓平台上嵌套的子控件会被父控件裁剪掉触摸区域，会引起“看得见，摸不着”的问题

安卓position:absolute和display:none冲突

react native绝对定位和不展示在安卓平台会有冲突导致组件无法隐藏，根据社区的建议在display: 'none’的同时变为position: 'relative’即可；相应地展示的时候再变为绝对定位

ScrollView设置高度/宽度

React Native中的ScrollView不能设置高度，因为它会根据内容自动填充，如果需要把ScrollView限定在一定的区域内滚动，就需要在ScrollView外面再设置一层View，设置View的宽高

部分安卓机型上文本被截断

部分安卓机型上可能存在React-Native文本被截断的问题。解决方案是给Text组件加上flex: 1
其他有效方法还有：内容结尾加空格、直接设置固定宽度
搜索出来的“”全局fontFamily“”方法反而验证无效：https://www.jianshu.com/p/e253eab3354b