【React Native】文件翻譯閱讀紀錄 - Components(組件) - TouchableHighlight
 |
| Facebook Open Source React Native |
TouchableHighlight
用於使視圖正確響應觸摸的包裝器。在按下時，包裹視圖的不透明度降低，這允許底襯顏色顯示，變暗或著色視圖。
底層來自於將子項包裝在新視圖中，這可能會影響佈局，如果使用不當，有時會導致不需要的視覺瑕疵，例如，如果包裝視圖的backgroundColor未明確設置為不透明顏色。
TouchableHighlight必須有一個孩子（不是零或多於一個）。如果您希望擁有多個子組件，請將它們包裝在視圖中。
例：
底層來自於將子項包裝在新視圖中，這可能會影響佈局，如果使用不當，有時會導致不需要的視覺瑕疵，例如，如果包裝視圖的backgroundColor未明確設置為不透明顏色。
TouchableHighlight必須有一個孩子（不是零或多於一個）。如果您希望擁有多個子組件，請將它們包裝在視圖中。
例：
renderButton: function() {
return (
<TouchableHighlight onPress={this._onPressButton}>
<Image
style={styles.button}
source={require('./myButton.png')}
/>
</TouchableHighlight>
);
},
例
Props
activeOpacityonHideUnderlayonShowUnderlaystyleunderlayColorhasTVPreferredFocustvParallaxProperties
參考
Props
activeOpacity
確定觸摸處於活動狀態時包裝視圖的不透明度。
| TYPE | REQUIRED |
|---|---|
| number | No |
onHideUnderlay
隱藏底襯後立即調用
| TYPE | REQUIRED |
|---|---|
| function | No |
onShowUnderlay
顯示底襯後立即調用
| TYPE | REQUIRED |
|---|---|
| function | No |
style
| TYPE | REQUIRED |
|---|---|
| View.style | No |
underlayColor
觸摸處於活動狀態時將顯示的參考底圖的顏色。
| TYPE | REQUIRED |
|---|---|
| color | No |
hasTVPreferredFocus
（僅限Apple TV）電視首選焦點（請參閱View組件的文檔）。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| bool | No | iOS |
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 |
0 意見