[Native]TouchableOpacity 버튼기능 & 옵션

TouchableOpacity

리액트 네이티브 버튼기능

 

activeOpacity

깜빡임을 조절하는 기능. 보통 0.8을 많이 씀.

<TouchableOpacity
	activeOpacity={0.8} 
>
	<Text>완료</Text>
</TouchableOpacity>

 

hitSlop

터치영역을 확장해주는 기능. 이미지나 텍스트 영역보다 더 떨어진 영역을 클릭해도 실행시켜줌.

<TouchableOpacity
	activeOpacity={0.8} //깜빡임을 조절하는 기능
	hitSlop={{ top: 32, bottom: 32, left: 32, right: 32 }} //터치영역을 확장
>
	<Text>완료</Text>
</TouchableOpacity>