TouchableOpacity

터치 기반 입력을 더 광범위하고 미래 지향적으로 처리하려면 Pressable API를 확인해 보자.

이 API는 뷰가 터치에 적절히 반응하도록 감싸는 역할을 한다. 누르는 순간 감싼 뷰의 투명도가 감소하며, 뷰가 어두워지는 효과를 준다.

투명도는 자식 요소를 Animated.View로 감싸서 제어한다. 이 Animated.View는 뷰 계층 구조에 추가되므로, 레이아웃에 영향을 미칠 수 있다는 점에 유의해야 한다.

예제

---

참조

Props

TouchableWithoutFeedback Props

TouchableWithoutFeedback Props를 상속한다.

style

타입
View.style

---

activeOpacity

터치가 활성화되었을 때 감싸진 뷰의 투명도를 결정한다. 기본값은 0.2이다.

타입
number

hasTVPreferredFocus

iOS

(Apple TV 전용) TV에서 선호하는 포커스 설정 (View 컴포넌트 문서 참조).

타입
bool

nextFocusDown

Android

TV에서 다음 포커스를 아래로 이동하는 기능을 정의한다 (View 컴포넌트 문서 참조).

타입
number

nextFocusForward

Android

TV에서 다음 포커스로 이동할 뷰를 지정한다 (View 컴포넌트 문서 참조).

타입
number

nextFocusLeft

Android

TV에서 왼쪽으로 포커스를 이동할 때 사용한다 (View 컴포넌트 문서 참조).

타입
number

nextFocusRight

Android

TV에서 오른쪽으로 포커스를 이동시킨다 (View 컴포넌트 문서 참조).

타입
number

nextFocusUp

Android

TV에서 다음 포커스 위로 이동하는 기능 (View 컴포넌트 문서 참조).

타입
number