다음과 같이 초록색 원형 버튼이 나타났나요?
▲ 그림 3-32 초록색 원형 버튼 디자인
이제 이 버튼을 눌렀을 때 효과를 주는 방법에 대해 알아보겠습니다. 터치할 수 있는 영역을 다음 컴포넌트 중 하나로 감싸면 됩니다.
• TouchableHighlight: 터치했을 때 배경색을 변경합니다.
• TouchableNativeFeedback: 터치했을 때 안드로이드에서 물결 효과를 보여줍니다. 안드로이드에서만 사용 가능하며, iOS에서 사용 시 오류가 발생합니다.
• TouchableOpacity: 터치했을 때 투명도를 조정합니다.
• TouchableWithoutFeedback: 터치했을 때 아무 효과도 적용하지 않습니다.
버튼을 만들 때 Pressable이라는 컴포넌트도 사용할 수 있는데, 이에 대해서는 나중에 알아보겠습니다.
TouchableOpacity를 불러온 다음, 방금 만든 버튼을 감싸보세요.