-
Text 中英文不居中
不设置 line-height，但是要考虑文本和文本的间隔就要和设计有偏差，不设置 line-height 不代表 Text 没有额外的 height
-
图片本地加载没有问题，测试环境就不可以
对于小图使用 base64，有些 cdn 路径并没有访问对，曾经遇到
-
测试环境有图片，正式环境没有图片
cdn 图片路径并没有访问对，需要修改地址路径
-
RN 截屏功能，webview 不能截屏
安卓截屏，不能截 Image，必须是 View，View 还要设置collapsable设置为 false，但是当collapsable为 false ，一些低端安卓机就渲染不出来了
如果有带参数的截屏功能（每个人访问的是不一样的），目前这种需求还是给端上提比较好。
base64 遇到不能转成图片，是因为base64 有一些换行符，去掉就可以了。
截屏 ios 保存 ，如果图片长宽比比较小的话，可能会被放大，属于正常现象。
-
CSS 0.5 border 宽度，在安卓 5 webview 上不会被渲染出来
判断是否是 web 环境安卓 5，设置成 1 兜底
-
图片预加载 react-native-fast-image 这个插件有 bug
采用绝对定位和相对定位，两张图片叠加的方式，等图片加载完成设置透明度为1
-
RN 原本 modal 在 webview 上是不能弹出的
需要自己额外写一套，使用公共组件
-
RN 安卓样式，子元素定位父元素是不能超出去的，比如
如下的图，父元素的长款就必须包含子元素
image
-
如果 View 要包裹 TouchableOpacity，View 的样式会乱
需要把 View 的样式放到 TouchableOpacity，对于 TouchableWithoutFeedback 不用移动样式
-
安卓机下载 charles 证书如何安装
下载后的证书并不能直接打开安卓会出错，在设置里面打开相关证书添加，访问本地文件添加信任
-
CSS webview position 绝对定位的时候
left: 0, top: 0, 这两个都不要丢，有些低端安卓 webview 渲染有问题
绝对定位的时候，如果是 btn 需要点击的 view 等，设置 index 大一点，在某些安卓机点击不到
-
父元素是 relative ，子元素既有 relative 和 absolute
把 absolute 的往前面写，有些低端安卓 webview 渲染方式不大对，后面 absolute 就直接往后面渲染
-
小米手机上存在文字截断的问题
居中对齐的Text在水平方向上会缺失最后一个字
设置了行高的Text在垂直方向上最后一行会被截断
原因：小米使用了自定义的字体，从而造成了该问题
解决方案 ：
针对android设备统一把字体设置成android默认字体 fontFamily: 'DroidSansFallback'
网友评论