Beautiful backgrounds shapes to React Native based in flex. react-native-background-shapes
Yarn
yarn add react-native-background-shapes
Npm
npm i react-native-background-shapes
import react from "react";
import {View} from "react-native";
import {Shapes} from "react-native-background-shapes";
export const example () => {
return (
<View>
<Shapes />
</View>
);
}
// Basic
<Shapes />
// Advance
<Shapes
primaryColor="#416DF8"
secondaryColor="#2F53D5"
height={3}
borderRadius={20}
figures={[
{name: 'circle', position: 'center', size: 60},
{name: 'donut', position: 'flex-start', axis: 'top', size: 80},
{name: 'circle', position: 'center', axis: 'right', size: 100},
]}
/>
Author: kevoj
GitHub: https://github.com/kevoj/react-native-background-shapes
#react-native #reactjs