iOS原生頁面中嵌套 React Native碘勉,側(cè)滑返回手勢沖突解決方案

前言:

項目中融入了React Native板辽,很多頁面都跟安卓那邊通用奇瘦,很多程度節(jié)約了開發(fā)時間,在開發(fā)過程中劲弦,遇到比較棘手的問題就是系統(tǒng)的側(cè)滑返回事件和React Native內(nèi)部的側(cè)滑返回手勢沖突耳标,但是幸好最終還是攻克了這個難題,這個方案也是本人目前所能想到 的最好的方法邑跪,如果哪位大神又更完美的解決方案希望能相互交流下次坡!

bug場景:

APP中部分頁面使用了React Native(RN),從原生頁面(A)跳轉(zhuǎn)到RN頁面(B)画畅,然后在RN頁面內(nèi)部跳轉(zhuǎn)到2級(B1)/3級(B2)...頁面砸琅,這個時候進行側(cè)滑返回會直接回到原生頁面A,并不會回到RN內(nèi)部的上一級B1或者B2頁面轴踱,但是如果你不是從原生頁面跳轉(zhuǎn)進RN頁面的話症脂,不會存在這個問題,會非常完美的側(cè)滑到上一級頁面。

解決方案:

第一步:在RN中的基類中的componentWillUnmount方法中將當前頁面導航層級傳入到oc中诱篷,代碼如下圖

RN中基類方法

this.propstManger.addLengeData(this.props.navigator.getCurrentRoutes().length);這個方法是定義的RN與OC交互的管理類沸版,在這里就不詳細介紹了,

第二步:在項目中OC與RN交互的橋接中rnGetPoprolengNotification方法接收RN中傳過來的導航層級并且通過一個單例將該值存儲下來兴蒸,如下圖:


OC橋接中方法

第三步:在自定義的導航控制器里面的gestureRecognizerShouldBegin方法中進行判斷是否調(diào)用OC系統(tǒng)的側(cè)滑返回视粮,如果RN里面已經(jīng)到首層了,就調(diào)用OC的側(cè)滑返回橙凳,如果RN里面不是首層的話蕾殴,就禁止OC的側(cè)滑返回,此時就會默認執(zhí)行RN中的側(cè)滑返回岛啸,截圖如下:

導航控制器中代碼

結(jié)語:由于表達能力有限钓觉,可能有些地方講的不太清楚,沒懂的地方坚踩,歡迎聯(lián)系我荡灾,很樂意與大家相互交流。以上為自己的個人思路瞬铸,如果太low的話批幌,希望大神們不要見笑,謝謝!

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嗓节,一起剝皮案震驚了整個濱河市荧缘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拦宣,老刑警劉巖截粗,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鸵隧,居然都是意外死亡绸罗,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門豆瘫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來珊蟀,“玉大人,你說我怎么就攤上這事靡羡∠德澹” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵略步,是天一觀的道長描扯。 經(jīng)常有香客問我,道長趟薄,這世上最難降的妖魔是什么绽诚? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上恩够,老公的妹妹穿的比我還像新娘卒落。我一直安慰自己,他們只是感情好蜂桶,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布儡毕。 她就那樣靜靜地躺著,像睡著了一般扑媚。 火紅的嫁衣襯著肌膚如雪腰湾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天疆股,我揣著相機與錄音费坊,去河邊找鬼。 笑死旬痹,一個胖子當著我的面吹牛附井,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播两残,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼永毅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了磕昼?” 一聲冷哼從身側(cè)響起卷雕,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤节猿,失蹤者是張志新(化名)和其女友劉穎票从,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滨嘱,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡峰鄙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了太雨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吟榴。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖囊扳,靈堂內(nèi)的尸體忽然破棺而出吩翻,到底是詐尸還是另有隱情,我是刑警寧澤锥咸,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布狭瞎,位于F島的核電站,受9級特大地震影響搏予,放射性物質(zhì)發(fā)生泄漏熊锭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望碗殷。 院中可真熱鬧精绎,春花似錦、人聲如沸锌妻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仿粹。三九已至襟己,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間牍陌,已是汗流浹背擎浴。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留毒涧,地道東北人贮预。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像契讲,于是被迫代替她去往敵國和親仿吞。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容