> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uniwind.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# TouchableNativeFeedback

> Learn how to use TouchableNativeFeedback with Uniwind className props

## Overview

The `TouchableNativeFeedback` component (Android only) provides native touch feedback. Uniwind provides className prop support for styling this component.

## Styling Convention

<Info>
  **For `style` props:** Use regular Tailwind classes directly (e.g., `className="p-4"`).

  **For non-style props** (like `color`): Use the `accent-` prefix (e.g., `colorClassName="accent-blue-500"`).
</Info>

## Uniwind Bindings

<ParamField path="className" type="string">
  Maps to the `style` prop. Use any Tailwind utility classes.
</ParamField>

## Usage Example

```tsx  theme={null}
import { TouchableNativeFeedback, View, Text } from 'react-native'

<TouchableNativeFeedback
  onPress={() => console.log('Pressed')}
  background={TouchableNativeFeedback.Ripple('#3b82f6', false)}
>
  <View className="bg-blue-500 rounded-lg p-4">
    <Text className="text-white font-bold text-center">
      Press Me
    </Text>
  </View>
</TouchableNativeFeedback>
```

<Tip>
  `TouchableNativeFeedback` is Android-only and provides material design ripple effects. For cross-platform solutions, consider using `TouchableOpacity` or `Pressable` instead.
</Tip>