TouchableNativeFeedback

Overview

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

Styling Convention

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").

Uniwind Bindings

className

string

Maps to the style prop. Use any Tailwind utility classes.

Usage Example

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>

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

TouchableHighlight TouchableOpacity

⌘I

React Native components

Other components

TouchableNativeFeedback

Overview

Styling Convention

Uniwind Bindings

Usage Example

​Overview

​Styling Convention

​Uniwind Bindings

​Usage Example

Overview

Styling Convention

Uniwind Bindings

Usage Example