1-
21# react-native-background-shapes
32
43[ ![ NPM version] ( https://badge.fury.io/js/react-native-backgroud-shapes.svg )] ( https://npmjs.org/package/react-native-backgroud-shapes ) [ ![ GitHub license] ( https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square )] ( https://raw.githubusercontent.com/kevoj/react-native-backgroud-shapes/master/LICENSE )
76
87### Examples
98
10- ![ Imgur -fullwidth] ( https://imgur.com/Dzkd0zB.jpg )
11-
12- <img src =" https://imgur.com/Dzkd0zB.jpg " width =" 400 " >
13- <img src =" https://imgur.com/i7YfOxK.jpg " width =" 400 " >
14- <img src =" https://imgur.com/m2f78nl.jpg " width =" 400 " >
15- <img src =" https://imgur.com/dNwUJV2.jpg " width =" 400 " >
9+ <img align =" right " src =" https://imgur.com/Dzkd0zB.jpg " width =" 400 " >
10+ <img align =" right " src =" https://imgur.com/i7YfOxK.jpg " width =" 400 " >
11+ <img align =" right " src =" https://imgur.com/m2f78nl.jpg " width =" 400 " >
12+ <img align =" right " src =" https://imgur.com/dNwUJV2.jpg " width =" 400 " >
1613
1714<!-- 
1815
1916
2017 -->
2118
22- img[ alt$="-fullwidth"] {
23- width: 100%;
24- display: block;
25- }
26-
2719### Installation
20+
2821** Yarn**
22+
2923``` bash
3024yarn add react-native-background-shapes
3125```
26+
3227** Npm**
28+
3329``` bash
3430npm i react-native-background-shapes
3531```
32+
3633### Usage
34+
3735``` javascript
3836import react from " react" ;
3937import {View } from " react-native" ;
@@ -47,13 +45,14 @@ return (
4745 );
4846}
4947```
48+
5049### Options
5150
5251``` javascript
5352// Basic
5453 < Shapes / >
5554// Advance
56- < Shapes
55+ < Shapes
5756 primaryColor= " #416DF8"
5857 secondaryColor= " #2F53D5"
5958 height= {3 }
@@ -65,15 +64,16 @@ return (
6564 ]}
6665 / >
6766```
68- * ** primaryColor** : String, HEX color.
69- * ** secondaryColor** : String, HEX color.
70- * ** height** : Number, 1 = full screen, default (3.5)
71- * ** borderRadius** : Number, default 30
72- * ** figures** : Array
73- * * ** name** : String = "circle","donut, "triangle", "diamondNarrow", "cutDiamond"
74- * * ** position** : String = "flex-start", "center, "flex-end", "baseline", "stretch"
75- * * ** axis** : String = "top", "right, "bottom", "left"
67+
68+ - ** primaryColor** : String, HEX color.
69+ - ** secondaryColor** : String, HEX color.
70+ - ** height** : Number, 1 = full screen, default (3.5)
71+ - ** borderRadius** : Number, default 30
72+ - ** figures** : Array
73+ - - ** name** : String = "circle","donut, "triangle", "diamondNarrow", "cutDiamond"
74+ - - ** position** : String = "flex-start", "center, "flex-end", "baseline", "stretch"
75+ - - ** axis** : String = "top", "right, "bottom", "left"
7676
7777## License
7878
79- MIT © [ Leonardo Rico] ( https://github.com/kevoj/react-native-background-shapes/blob/master/LICENSE )
79+ MIT © [ Leonardo Rico] ( https://github.com/kevoj/react-native-background-shapes/blob/master/LICENSE )
0 commit comments