react native 터치영역 확대

뿡빵뽕·2023년 3월 2일
0

앱화면을 만들다 보면 터치 영역에 대해 생각해볼 일이 있는데 패딩으로만 조절 할 수도 있긴하지만 그렇게 하기 애매한 경우가 있다.
패딩은 레이아웃에 영향을 주기 때문이다.

리액트 네이티브는 hitslop이라는 기능을 제공하는데 이는 패딩과 달리 레이아웃에 영향을 주지 않는다.
레이아웃을 생각하며 패딩을 주는게 어려울때가 있었는데 꽤 유용한 기능인듯하다.

const HIT_SLOP = { top: 8, left: 8, right: 8, bottom: 8 }

<Pressable hitSlop={HIT_SLOP}>
	...	
</Pressable>

https://reactnative.dev/docs/touchablewithoutfeedback#hitslop

0개의 댓글