【React Native】文件翻譯閱讀紀錄 - Components(組件) - TouchableNativeFeedback
 |
| Facebook Open Source React Native |
TouchableNativeFeedback
TouchableNativeFeedback
用於使視圖正確響應觸摸的包裝器（僅限Android）。在Android上，此組件使用本機狀態drawable來顯示觸摸反饋。
目前它只支持將單個View實例作為子節點，因為它是通過用另一個RCTView節點實例替換該View並實現一些其他屬性來實現的。
可觸摸的原生反饋背景可以使用背景屬性進行自定義。
例：
用於使視圖正確響應觸摸的包裝器（僅限Android）。在Android上，此組件使用本機狀態drawable來顯示觸摸反饋。
目前它只支持將單個View實例作為子節點，因為它是通過用另一個RCTView節點實例替換該View並實現一些其他屬性來實現的。
可觸摸的原生反饋背景可以使用背景屬性進行自定義。
例：
renderButton: function() {
return (
<TouchableNativeFeedback
onPress={this._onPressButton}
background={TouchableNativeFeedback.SelectableBackground()}>
<View style={{width: 150, height: 100, backgroundColor: 'red'}}>
<Text style={{margin: 30}}>Button</Text>
</View>
</TouchableNativeFeedback>
);
},
Props
Methods
參考
Props
background
確定將用於顯示反饋的背景可繪製類型。它需要一個具有type屬性和額外數據的對象，具體取決於類型。建議使用其中一種靜態方法生成該字典。
| TYPE | REQUIRED |
|---|---|
| backgroundPropType | No |
useForeground
設置為true可將漣漪效果添加到視圖的前景，而不是背景。如果您的一個子視圖具有自己的背景，或者您是顯示圖像，您不希望它們覆蓋波紋。
首先檢查TouchableNativeFeedback.canUseNativeForeground（），因為這僅適用於Android 6.0及更高版本。如果您嘗試在舊版本上使用此功能，您將收到警告並回退到後台。
首先檢查TouchableNativeFeedback.canUseNativeForeground（），因為這僅適用於Android 6.0及更高版本。如果您嘗試在舊版本上使用此功能，您將收到警告並回退到後台。
| TYPE | REQUIRED |
|---|---|
| bool | No |
Methods
SelectableBackground()
static SelectableBackground()
創建一個對象，表示可選元素的android主題的默認背景（？android：attr / selectableItemBackground）。
SelectableBackgroundBorderless()
static SelectableBackgroundBorderless()
為無邊框可選元素創建一個表示android主題默認背景的對象（？android：attr / selectableItemBackgroundBorderless）。適用於Android API級別21+。
Ripple()
static Ripple(color: string, borderless: boolean)
創建一個對象，該對象表示使用指定顏色（作為字符串）繪製的波紋。如果屬性borderless評估為true，則紋波將在視圖邊界之外呈現（請參閱本機操作欄按鈕作為該行為的示例）。此背景類型適用於Android API級別21+。
Parameters:
| NAME | TYPE | REQUIRED | DESCRIPTION |
|---|---|---|---|
| color | string | Yes | The ripple color |
| borderless | boolean | Yes | If the ripple can render outside it's bounds |
canUseNativeForeground()
static canUseNativeForeground()
0 意見