-
Text 中英文不居中
不設(shè)置 line-height恩掷,但是要考慮文本和文本的間隔就要和設(shè)計(jì)有偏差,不設(shè)置 line-height 不代表 Text 沒有額外的 height
-
圖片本地加載沒有問題,測試環(huán)境就不可以
對于小圖使用 base64跺讯,有些 cdn 路徑并沒有訪問對左胞,曾經(jīng)遇到
-
測試環(huán)境有圖片担钮,正式環(huán)境沒有圖片
cdn 圖片路徑并沒有訪問對,需要修改地址路徑
-
RN 截屏功能厚棵,webview 不能截屏
安卓截屏蕉世,不能截 Image,必須是 View婆硬,View 還要設(shè)置collapsable設(shè)置為 false狠轻,但是當(dāng)collapsable為 false ,一些低端安卓機(jī)就渲染不出來了
如果有帶參數(shù)的截屏功能(每個(gè)人訪問的是不一樣的)彬犯,目前這種需求還是給端上提比較好向楼。
base64 遇到不能轉(zhuǎn)成圖片查吊,是因?yàn)閎ase64 有一些換行符,去掉就可以了蜜自。
截屏 ios 保存 菩貌,如果圖片長寬比比較小的話,可能會(huì)被放大重荠,屬于正臣祝現(xiàn)象。
-
CSS 0.5 border 寬度戈鲁,在安卓 5 webview 上不會(huì)被渲染出來
判斷是否是 web 環(huán)境安卓 5仇参,設(shè)置成 1 兜底
-
圖片預(yù)加載 react-native-fast-image 這個(gè)插件有 bug
采用絕對定位和相對定位,兩張圖片疊加的方式婆殿,等圖片加載完成設(shè)置透明度為1
-
RN 原本 modal 在 webview 上是不能彈出的
需要自己額外寫一套诈乒,使用公共組件
-
RN 安卓樣式,子元素定位父元素是不能超出去的婆芦,比如
如下的圖怕磨,父元素的長款就必須包含子元素
-
如果 View 要包裹 TouchableOpacity,View 的樣式會(huì)亂
需要把 View 的樣式放到 TouchableOpacity消约,對于 TouchableWithoutFeedback 不用移動(dòng)樣式
-
安卓機(jī)下載 charles 證書如何安裝
下載后的證書并不能直接打開安卓會(huì)出錯(cuò)肠鲫,在設(shè)置里面打開相關(guān)證書添加,訪問本地文件添加信任
-
CSS webview position 絕對定位的時(shí)候
left: 0, top: 0, 這兩個(gè)都不要丟或粮,有些低端安卓 webview 渲染有問題
絕對定位的時(shí)候导饲,如果是 btn 需要點(diǎn)擊的 view 等,設(shè)置 index 大一點(diǎn)氯材,在某些安卓機(jī)點(diǎn)擊不到
-
父元素是 relative 渣锦,子元素既有 relative 和 absolute
把 absolute 的往前面寫,有些低端安卓 webview 渲染方式不大對氢哮,后面 absolute 就直接往后面渲染
-
小米手機(jī)上存在文字截?cái)嗟膯栴}
居中對齊的Text在水平方向上會(huì)缺失最后一個(gè)字
設(shè)置了行高的Text在垂直方向上最后一行會(huì)被截?cái)?/p>
原因:小米使用了自定義的字體袋毙,從而造成了該問題
解決方案 :
針對android設(shè)備統(tǒng)一把字體設(shè)置成android默認(rèn)字體 fontFamily: 'DroidSansFallback'