ReactNative 多層Tab頁(yè)嵌套時(shí)出現(xiàn)內(nèi)容不顯示,滑動(dòng)不正常的現(xiàn)象

問(wèn)題狀況:使用兩層TabNavigator, 或者使用TabNavigator和react-native-scrollable-tab-view 實(shí)現(xiàn)上下tab頁(yè)

原因其實(shí)是內(nèi)容加載的問(wèn)題,解決方法:

給外層的TabNavigator 添加 lazy:true? 屬性; 初始化的路由最好設(shè)置成不是多層的tab

TabNavigator({

Test: {

screen: Test

},

Test2: {

screen: Test2

},

。。。

},{

tabBarPosition:'bottom',

lazy:true,

initialRouteName:'Test2'

});

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

相關(guān)閱讀更多精彩內(nèi)容

  • react-navigation導(dǎo)航組件使用詳解 注意了,如果有小伙伴們發(fā)現(xiàn)運(yùn)行作者提供的react-naviga...
    光強(qiáng)_上海閱讀 23,653評(píng)論 38 103
  • 背景 最近在做一個(gè)RN項(xiàng)目,需要做個(gè)tab的需求,查看了RN的官方文檔,官方為我們提供的Tab控制器有兩種:Vie...
    wfunny閱讀 2,643評(píng)論 4 1
  • 沒(méi)有痛苦的人生不叫人生,沒(méi)有不羈的青春不叫青春。也許青春是一把刀,沒(méi)事跟玩似的捅你幾刀,唯一不同的是它不把你捅死,...
    醉婉笙歌閱讀 597評(píng)論 0 3
  • 來(lái)的近來(lái)的遠(yuǎn)對(duì)我來(lái)說(shuō)都是一種饋贈(zèng),死亡是必經(jīng)之事,魂間的我們何去何從。 秋風(fēng)瑟瑟,夏風(fēng)淼淼,春風(fēng)無(wú)意...
    書(shū)王110閱讀 321評(píng)論 0 0
  • 今天培訓(xùn)的內(nèi)容是體能訓(xùn)練和技術(shù)動(dòng)作的練習(xí)。另外還有本周預(yù)約客戶來(lái)上體驗(yàn)課。 早上Jimmy帶著我們到足球場(chǎng)地進(jìn)行體...
    橋上橋樹(shù)閱讀 163評(píng)論 0 2

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