### Basic Usage Example Source: https://github.com/heineiuo/react-native-animated-linear-gradient/blob/master/README.md Demonstrates how to import and use the AnimatedLinearGradient component with preset colors and a specified animation speed. ```javascript import React, { Component } from 'react'; import { AppRegistry, Text } from 'react-native'; import AnimatedLinearGradient, {presetColors} from 'react-native-animated-linear-gradient' class HelloWorldApp extends Component { render() { return ( ); } } AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp); ``` -------------------------------- ### Gradient Direction Example (Vertical) Source: https://github.com/heineiuo/react-native-animated-linear-gradient/blob/master/README.md Shows how to configure the gradient direction using the 'points' prop for a vertical animation. Note: Animation for 'points' is experimental. ```jsx ``` -------------------------------- ### Preset Colors Definition Source: https://github.com/heineiuo/react-native-animated-linear-gradient/blob/master/README.md Defines several preset color palettes that can be used with the AnimatedLinearGradient component, including 'instagram', 'firefox', and 'sunrise'. ```javascript export presetColors = { instagram: [ 'rgb(106, 57, 171)', 'rgb(151, 52, 160)', 'rgb(197, 57, 92)', 'rgb(231, 166, 73)', 'rgb(181, 70, 92)' ], firefox: [ 'rgb(236, 190, 55)', 'rgb(215, 110, 51)', 'rgb(181, 63, 49)', 'rgb(192, 71, 45)', ], sunrise: [ 'rgb(92, 160, 186)', 'rgb(106, 166, 186)', 'rgb(142, 191, 186)', 'rgb(172, 211, 186)', 'rgb(239, 235, 186)', 'rgb(212, 222, 206)', 'rgb(181, 216, 200)', 'rgb(152, 197, 190)', 'rgb(100, 173, 186)', ] }; ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.