Documentation IndexFetch the complete documentation index at: /llms.txtUse this file to discover all available pages before exploring further.
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Button component with full gradient background animation
npm install react-native-reanimated expo-linear-gradient
import { RainbowButton3 } from '@/components/common/buttons/rainbow/rainbow-button3';
onPress
() => void
colors
string[]
['#1DB954', '#00ff4e', '#333']
duration
number
ANIMATION_DURATION.D30
bgColor
string
height
BUTTON_HEIGHT.md
borderRadius
BORDER_RADIUS.md
function Example() { return ( <RainbowButton3 onPress={() => console.log('Pressed')} colors={['#1DB954', '#00ff4e', '#333']} duration={3000} > <Text>Gradient Background</Text> </RainbowButton3> ); }
Was this page helpful?