在日常的需求中,如上圖的加減按鈕,可能寫ui布局的時候沒考慮實際的這個點擊范圍太小,不利於真機上用戶點擊到,如果加包裹層加padding的話又會影響原先定好的布局,或者不利於對齊。
那么可以用 hitSlop 這個屬性,TouchableWithoutFeedback 或者 TouchableOpacity 這兩個組件都能用,也是我們常用來做 onPress 的兩個包裹組件。
看一下官網介紹:hitSlop 這一屬性定義了按鈕的外延范圍。這一范圍也會使pressRetentionOffset變得更大。 注意: 觸摸范圍不會超過父視圖的邊界,也不會影響原先和本組件層疊的視圖(保留原先的觸摸優先級)
以上的描述相當於向外延展80,都可以觸發 onPress 事件,實際上紅圈范圍點擊都是生效的。