react Native 踩坑記錄

2022-07-11 10:30:12 字數 1344 閱讀 5209

用 react-native-debugger

教程使用 react-native-wechat    位址

設計圖來自藍狐,可以根據裡面的尺寸來進行開發,但是左右的間隔需要通過獲取裝置寬度減兩邊來得出,

蘋果手機用 愛瘋6,  安卓需用自定義尺寸。

在蘋果上,預設高度是整個手機的高度;然而安卓預設是除了狀態列以下的高度,我們通過dimensions獲取的高度也是不一樣的,也就是說,在安卓手機上獲取得到的高度也是除了狀態列以下的高度;官方提供乙個常量,可以獲取安卓手機上狀態列的高,在蘋果手機上使用此方法獲取得到的是undefined:   

currentheight(僅限android)狀態列的當前高度statusbar.currentheight

彈性布局中,給子text設定 width 不靠譜,在ios正常,在安卓不生效,但是給text套乙個view 在view上設定寬度就可以定寬了

rightstyle: ,

textinput 中的value 必須要為 string  不然回填不上,  number 都填不上

以為text的換行省略號不行,原來是自己把text封裝了一下,忘記把props傳進去了,。。。自己坑自己

鍵盤遮擋問題的解決

斷網後的頁面重新整理儲存問題

右上角 彈框實現和封裝

could not list contents of '/development/personalproject/rncommunity/node_modules/node-pre-gyp/node_modules/.bin/needle'. couldn't follow symbolic link.

解決方案

error while updating property 'padding' in shadow node of type: rctview

null

for input string: "4% 1% 2"

解決方案

鍵盤遮擋

選擇日期控制項更換,點選選擇預設為當前日期

上傳檔案,**牆

圖表展示

長按 tooltip 的實現 複製和刪除

分頁和重新整理元件的封裝

上部分內容,下部分列表的實現:上部分內容放在 flatlist 的header裡面, 這樣就可以用封裝的通用list元件了

echart圖表在rn中的展示

基礎工具util的封裝

日期格式轉換

request請求封裝 + 錯誤提示的統一封裝

遇到的坑

也有一次一塊傳多個大檔案時,經過多人排查,才發現,原來是 nginx限制了請求體的大小 

React Native 踩坑日記

問題 於示圖 findpage title 發現 解決辦法 react native 中無論是 tabbarios.item 還是 tabbar.item 必須有且只有乙個元件,說白了就是需要有子元件的存在,並且只存在乙個子元件。findpage title 發現 onpress selected ...

ReactNative初體驗踩坑

首先安裝教程 然後遇到一些問題,比如說下面 could not install smartsocket listener address already in use adb server didn t ack 解決辦法 直接開啟genymotion的setting,切換到第四個標籤頁 adb 選擇...

Python 踩坑記錄

1.浮點數判斷 工作中遇到類似下面邏輯判斷 i 1 while i 1.5 i i 0.1 print i在想象中i應該停止在1.5就不輸出了,但是實際的輸出結果是無限迴圈。這是因為在計算機的邏輯中,浮點數的儲存規則決定了不是所有的浮點數都能準確表示,有些是不準確的,只是無限接近。如0.1轉換為二進...