React native 放大點擊區域 hitSlop屬性的使用


 

 在日常的需求中,如上圖的加減按鈕,可能寫ui布局的時候沒考慮實際的這個點擊范圍太小,不利於真機上用戶點擊到,如果加包裹層加padding的話又會影響原先定好的布局,或者不利於對齊。

那么可以用  hitSlop 這個屬性,TouchableWithoutFeedback 或者 TouchableOpacity 這兩個組件都能用,也是我們常用來做 onPress 的兩個包裹組件。

看一下官網介紹:hitSlop 這一屬性定義了按鈕的外延范圍。這一范圍也會使pressRetentionOffset變得更大。 注意: 觸摸范圍不會超過父視圖的邊界,也不會影響原先和本組件層疊的視圖(保留原先的觸摸優先級)

 

 以上的描述相當於向外延展80,都可以觸發 onPress 事件,實際上紅圈范圍點擊都是生效的。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM