Update Examples section of README

This commit is contained in:
Brent Vatne 2015-04-06 13:46:12 -07:00
parent 29b4dac71b
commit 7321186799
2 changed files with 6 additions and 1 deletions

View File

@ -20,7 +20,7 @@ A `<LinearGradient>` component for react-native, as seen in
5. Whenever you want to use it within React code now you can: `var LinearGradient = 5. Whenever you want to use it within React code now you can: `var LinearGradient =
require('react-native-linear-gradient');` require('react-native-linear-gradient');`
## Example ## Examples
The following code will produce something like this: The following code will produce something like this:
@ -70,5 +70,10 @@ props:
![Example with extra props](https://raw.githubusercontent.com/brentvatne/react-native-linear-gradient/master/example-other-props.png) ![Example with extra props](https://raw.githubusercontent.com/brentvatne/react-native-linear-gradient/master/example-other-props.png)
Check out [Examples/AnimatedGradient] (`git clone` this project, cd into it, npm install, open in XCode and run) to see how this is done:
![Example with extra props](https://raw.githubusercontent.com/brentvatne/react-native-linear-gradient/master/example-animated.gif)
*This gif was created using [licecap](http://www.cockos.com/licecap/) - a great piece of free OSS*
### An example app ### An example app
You can see this component in action in [brentvatne/react-native-login](https://github.com/brentvatne/react-native-login/blob/master/index.ios.js). You can see this component in action in [brentvatne/react-native-login](https://github.com/brentvatne/react-native-login/blob/master/index.ios.js).

BIN
example-animated.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 387 KiB