영역에 터치할때 효과를 줄 수 잇는 컴포넌트를 정리해보겠다.
터치할 수 있는 영역을 다음 컴포넌트 중 하나로 감싸면 된다.
TouchableHighlight
터치했을 때 배경색을 변경한다. 아래 사이트에서 예제를 확인할 수 있다.
TouchableHighlight · React Native
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
reactnative.dev
TouchableOpacity
터치했을 때 투명도를 조정한다. activeOpacity 속성을 이용해 투명도의 정도(default 0.2)를 설정한다.
TouchableOpacity · React Native
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
reactnative.dev
TouchableNativeFeedback
터치했을 때 물결효과를 준다. 이 컴포넌트는 안드로이드에서만 사용 가능하다.
해당 컴포넌트를 iOS에서 사용하면 오류가 발생하기 때문에 조건부 렌더링을 잘 처리해야 한다.
TouchableNativeFeedback · React Native
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
reactnative.dev
TouchableWithoutFeedback
터치했을 때 아무 효과도 적용하지 않는다.
TouchableWithoutFeedback · React Native
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
reactnative.dev
'React Native' 카테고리의 다른 글
| 불변성을 지키면서 객체와 배열 업데이트하기 (0) | 2022.02.06 |
|---|---|
| TextInput에 키보드 Enter 이벤트 설정하기 (0) | 2022.02.06 |
| TextInput 컴포넌트 사용 및 키보드 가림 설정 (0) | 2022.02.06 |
| Image 컴포넌트 사용 및 resizeMode (0) | 2022.02.06 |
| Android, iOS StatusBar 색상 변경 (0) | 2022.02.05 |
