最近在使用react-nativation
做APP的時(shí)候缀程,遇到了一個(gè)非常影響用戶體驗(yàn)的問題:
無論是在主界面還是在子界面市俊,側(cè)滑都會直接顯示側(cè)滑界面摆昧,而不是正常操作邏輯中的返回上一頁
比如,在主界面绅你,側(cè)滑,顯示側(cè)滑菜單伪嫁。
點(diǎn)擊主界面的cell汉规,進(jìn)入子界面针史,側(cè)滑啄枕,顯示出側(cè)滑菜單频祝。。 這里應(yīng)該是直接返回上一頁的沽一。
所以又仔細(xì)地翻閱了文檔铣缠,找到了一些資料:
原來昆禽,需要手動(dòng)設(shè)置drawerLockMode
屬性,以達(dá)到是否允許側(cè)滑顯示菜單的效果醉鳖。
drawerLockMode
屬性有如下:
- unlocked
- locked-closed
- locked-open
經(jīng)過測試壮韭,在設(shè)置為locked-closed
時(shí)喷屋,側(cè)滑不顯示菜單逼蒙,達(dá)到返回上一頁效果。
解決代碼
所以寄疏,我們的最終解決方案就是:在子頁面的navigationOptions
屬性里是牢,添加drawerLockMode
配置即可