TouchableOpacity View가 터치에 적절하게 응답하도록하는 래퍼이다.
아래로 누르면 래핑된 뷰의 불트명도가 감소하여 흐리게 표시된다.
render() {
let opacity = this.props.disabled ? 1 : 0.5;
return (
<TouchableOpacity
activeOpacity={opacity}
onPress={this.props.onPress}
style={[styles.wideButton, this.props.style]}
>
{this.props.children}
</TouchableOpacity>
);
}
- activeOpacity : 터치가 활성화 되었을때 래핑된 뷰의 불투명도 값 (Default 0,2)
- tvParallaxProperties : Apple Tv 시차 효과를 제어한다. (Only Apple TV)
- hasTVPreferredFocus : Tv 우선 포커스 설정 (Only Apple TV)
출처 : https://facebook.github.io/react-native/docs/touchableopacity#activeopacity
'React & React Native ' 카테고리의 다른 글
| ReactNative flexBox 연습1 (0) | 2018.11.15 |
|---|---|
| 리액트란? (React) (0) | 2018.10.21 |
| react-native 특정버전으로 프로젝트 생성하기 (0) | 2018.10.17 |
| FlexBox 레이아웃이란? (2) (0) | 2018.10.17 |
| FlexBox 레이아웃이란? (1) (0) | 2018.10.14 |
클라인STR
