碰到一個(gè)需求是做個(gè)輪播圖帶自動(dòng)播放的，UED那邊給輪播的底部加了陰影漸變，如下紅色區(qū)域。

這樣會(huì)導(dǎo)致一個(gè)問題，手觸摸在紅色區(qū)域會(huì)被這層View擋住，導(dǎo)致不能手動(dòng)滑動(dòng)切換。

原先采取過的方法是在對(duì)應(yīng)的觸摸事件 執(zhí)行return false ，但是這個(gè)局限于輪播圖得是紅色區(qū)域的父組件。不然觸摸無法冒泡上去。

發(fā)現(xiàn)有個(gè)好用的屬性，以前從來沒用過。pointerEvents

看看官網(wǎng)的介紹：

用于控制當(dāng)前視圖是否可以作為觸控事件的目標(biāo)。

auto：視圖可以作為觸控事件的目標(biāo)。
none：視圖不能作為觸控事件的目標(biāo)。
box-none：視圖自身不能作為觸控事件的目標(biāo)，但其子視圖可以

<ViewpointerEvents = 'none'></View>

這樣就能完美的解決沖突了，直接不用管啥層級(jí)問題，冒泡捕獲啥的都忽略。

總結(jié)

以上是生活随笔為你收集整理的React native 禁止手势触摸 pointerEvents的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。