【React Native】文件翻譯閱讀紀錄 - Components(組件) - TouchableOpacity
 |
| Facebook Open Source React Native |
TouchableOpacity
用於使視圖正確響應觸摸的包裝器。按下時，包裹視圖的不透明度會降低，使其變暗。
通過將子項包裝在Animated.View中來控制不透明度，Animated.View將添加到視圖層次結構中。請注意，這可能會影響佈局。
例：
通過將子項包裝在Animated.View中來控制不透明度，Animated.View將添加到視圖層次結構中。請注意，這可能會影響佈局。
例：
renderButton: function() {
return (
<TouchableOpacity onPress={this._onPressButton}>
<Image
style={styles.button}
source={require('./myButton.png')}
/>
</TouchableOpacity>
);
},
例
Props
Methods
參考
Props
activeOpacity
確定觸摸處於活動狀態時包裝視圖的不透明度。默認為0.2。
| TYPE | REQUIRED |
|---|---|
| number | No |
tvParallaxProperties
（僅限Apple TV）具有控制Apple TV視差效果的屬性的對象。
enabled：如果為true，則啟用視差效果。默認為true。 shiftDistanceX：默認為2.0。 shiftDistanceY：默認為2.0。 tiltAngle：默認為0.05。放大率：默認為1.0。 pressMagnification：默認為1.0。 pressDuration：默認為0.3。 pressDelay：默認為0.0。
enabled：如果為true，則啟用視差效果。默認為true。 shiftDistanceX：默認為2.0。 shiftDistanceY：默認為2.0。 tiltAngle：默認為0.05。放大率：默認為1.0。 pressMagnification：默認為1.0。 pressDuration：默認為0.3。 pressDelay：默認為0.0。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| object | No | iOS |
hasTVPreferredFocus
（僅限Apple TV）電視首選焦點（請參閱View組件的文檔）。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| bool | No | iOS |
Methods
setOpacityTo()
setOpacityTo((value: number), (duration: number));
將可觸摸動畫為新的不透明度。
0 意見