status-im/react-native-linear-gradient
2
0
Fork 0
mirror of https://github.com/status-im/react-native-linear-gradient.git synced 2025-03-02 16:20:29 +00:00
Code Issues Projects Releases Wiki Activity

Reword prop README, state View props support

Browse Source
This commit is contained in:
Dmitry Gladkov 2017-03-30 15:51:21 +03:00 committed by GitHub
parent 50d3254495
commit df8ce9569d
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -127,15 +127,13 @@ var styles = StyleSheet.create({
``` ```
### Additional props ### Additional props
You can also use start and end points, as well as specify the locations In addition to regular `View` props, you can also provide additional props to customize your gradient look:
for the gradient color changes with the `start`, `end`, `colors` and `locations`
props:
#### colors #### colors
An array of at least two color values that represent gradient steps. Example: `['red', 'blue']` sets gradient from red to blue. An array of at least two color values that represent gradient colors. Example: `['red', 'blue']` sets gradient from red to blue.
#### start #### start
An object of the following type: `{ x: number, y: number }`. Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. Example: `{ x: 0.1, y: 0.1 }` means that the gradient will start 10% from the top and 10% from the left. An optional object of the following type: `{ x: number, y: number }`. Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. Example: `{ x: 0.1, y: 0.1 }` means that the gradient will start 10% from the top and 10% from the left.
#### end #### end
Same as start, but for the end of the gradient. Same as start, but for the end of the gradient.