React native scrollview 滑動和觸摸事件沖突(pan,move)

背景:
在scrollview里子組件A里 添加了觸摸事件(pan,move)等
結(jié)果移動A的時(shí)候 scrollview一起滑動
這比較讓人頭(dan)疼,
查了資料 當(dāng)一個(gè)view申請觸摸事件后其他組件不會響應(yīng)事件
但實(shí)際跟現(xiàn)實(shí)不太一樣
又查了資料:https://github.com/facebook/react-native/issues/1046
這里說:
However, we often have troubles while interacting with touch interactions happening on the main thread, like the iOS slider, or any scroll views. The problem is that javascript cannot immediately reject the responsiveness of the native event, because the main thread must synchronously decide if JS or the scroll view should become responder, and JS can only respond asynchronously.
大概意思是 js是主線程 主線程被堵塞得不到及時(shí)的響應(yīng)

既然有bug那應(yīng)該有解決方案吧?

谷歌普遍的解決方案是 做滑動之前先把scrollview禁止滑動
等觸摸事件結(jié)束以后允許滑動scrollview

跟著思路做了一遍結(jié)果始終不太理想

后來 看到了這個(gè) [https://github.com/mjracca/react-native-scroll-block]
(https://github.com/mjracca/react-native-scroll-block)
雖然沒能解決我的問題但給我提供了一個(gè)思路

先整理一下思路

1.做一個(gè)攔截層
2.攔截touch事件 判斷scrollview滑動事件還是view的觸摸事件
3.判斷view的觸摸事件后禁止scrollview的滑動
4.觸摸事件結(jié)束以后允許scrollview滑動

代碼:
(這里只提供IOS)

Paste_Image.png
Paste_Image.png

核心代碼
通過 componentID 來區(qū)分 觸發(fā)組件
通過找父組件 等找到scrollview組件后 操作他的滑動狀態(tài)

詳細(xì)查看源碼
https://github.com/jinjiantong/react_native_blockView

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末势告,一起剝皮案震驚了整個(gè)濱河市糜俗,隨后出現(xiàn)的幾起案子褐奴,更是在濱河造成了極大的恐慌墙基,老刑警劉巖喂链,帶你破解...
    沈念sama閱讀 221,331評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件画恰,死亡現(xiàn)場離奇詭異证九,居然都是意外死亡删豺,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,372評論 3 398
  • 文/潘曉璐 我一進(jìn)店門甫贯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吼鳞,“玉大人,你說我怎么就攤上這事叫搁∨庾溃” “怎么了?”我有些...
    開封第一講書人閱讀 167,755評論 0 360
  • 文/不壞的土叔 我叫張陵渴逻,是天一觀的道長疾党。 經(jīng)常有香客問我,道長惨奕,這世上最難降的妖魔是什么雪位? 我笑而不...
    開封第一講書人閱讀 59,528評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮梨撞,結(jié)果婚禮上雹洗,老公的妹妹穿的比我還像新娘。我一直安慰自己卧波,他們只是感情好时肿,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,526評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著港粱,像睡著了一般螃成。 火紅的嫁衣襯著肌膚如雪旦签。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,166評論 1 308
  • 那天寸宏,我揣著相機(jī)與錄音宁炫,去河邊找鬼。 笑死氮凝,一個(gè)胖子當(dāng)著我的面吹牛羔巢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播罩阵,決...
    沈念sama閱讀 40,768評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼朵纷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了永脓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,664評論 0 276
  • 序言:老撾萬榮一對情侶失蹤鞋仍,失蹤者是張志新(化名)和其女友劉穎常摧,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體威创,經(jīng)...
    沈念sama閱讀 46,205評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡落午,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,290評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了肚豺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片溃斋。...
    茶點(diǎn)故事閱讀 40,435評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖吸申,靈堂內(nèi)的尸體忽然破棺而出梗劫,到底是詐尸還是另有隱情,我是刑警寧澤截碴,帶...
    沈念sama閱讀 36,126評論 5 349
  • 正文 年R本政府宣布梳侨,位于F島的核電站,受9級特大地震影響日丹,放射性物質(zhì)發(fā)生泄漏走哺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,804評論 3 333
  • 文/蒙蒙 一哲虾、第九天 我趴在偏房一處隱蔽的房頂上張望丙躏。 院中可真熱鬧,春花似錦束凑、人聲如沸晒旅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,276評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽敢朱。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拴签,已是汗流浹背孝常。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蚓哩,地道東北人构灸。 一個(gè)月前我還...
    沈念sama閱讀 48,818評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像岸梨,于是被迫代替她去往敵國和親喜颁。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,442評論 2 359

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