ReactNative 走過的坑

創(chuàng)建日期: 2022年1月23日
題記:
隨手記載,項目中,遇到的一些問題。沒有去查深層原因,僅為提個醒。

1.關(guān)于Text組件

當在ScrollView中,有Text組件的時候,一定要注意Text長度的指定。
問題點:
一個縱向滾動的scrollView,如果Text長度未指定,當Text的內(nèi)容過長時,會出現(xiàn)橫向滾動條。

2. 關(guān)于ModalView

常用的組件有reactNative的Modal以及react-native-modal。
問題點:
其中一個,好像是無法把Android的statusBar覆蓋住。
另外,在iOS上,有時候會出現(xiàn),關(guān)閉前一個modalView,緊接著再打開另一個ModalView的時候,第二個打開的ModalView并未顯示,沒有錯誤信息,但是畫面卡住了。這個時候,用Xcode去執(zhí)行,就會看到警告信息。說已經(jīng)有一個modalView在顯示了。
解決方法:
調(diào)查的時候,發(fā)現(xiàn),這個在四五年前有人問過,說是解決了,然而,依然遇到了。筆者用簡單的程序進行測試,但是并沒有再現(xiàn)??赡苁歉w項目相關(guān),出現(xiàn)bug,需要特定的時機。
最后,只能用絕對布局,自己做了一個ModalView。

3.手勢沖突–––Pressable系和Touchable系

當父組件用的Pressable時,如果子組件是一個FlatList,其中有數(shù)個Item是非活性的。當你手指觸碰的是非活性的Item時,滾動手勢不會起作用,起作用的是父組件的Pressable。即便設(shè)置了preventPoint,但是,非活性可能是改變了它的值,效果依然是不變的。
當父組件用的是Touchable的時候,上述的狀況,F(xiàn)latList是可以滾動的,但是,如果在此上,出現(xiàn)pressable系的按鈕,那么這個按鈕的點擊事件,是不起作用的。這里,沒有細致調(diào)查,是否可以通過屬性來改變。

4.LocalStore存儲

一定要注意多任務(wù),非同期存儲的時候,會不會進行覆蓋。因為原有庫的merge方法,不是支持所有平臺。使用的時候,注意該庫是否有更新。

5. 早上憑記憶寫的,之后會繼續(xù)更新

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容