KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

react-native-background-shapes

★ 72 Open GitHub ↗

Backgrounds shapes to React Native based in flex (Android + IOS)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-background-shapes

[![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)

> Beautiful backgrounds shapes to React Native based in flex (Android + IOS)

### Examples

### Installation

**Yarn**

```bash
yarn add react-native-background-shapes
```

**Npm**

```bash
npm i react-native-background-shapes
```

### Basic usage

```javascript
import react from "react";
import {View} from "react-native";
import {Shapes} from "react-native-background-shapes";

export const example () => {
return (
    <View>
        <Shapes />
    </View>
    );
}
```

### Options

```javascript
// 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},
    ]}
 />
```

- **primaryColor**: String, HEX color.
- **secondaryColor**: String, HEX color.
- **height**: Number, 1 = full screen, default (3.5)
- **borderRadius**: Number, default 30
- **figures**: Array
- - **name**: String = "circle","donut, "triangle", "diamondNarrow", "cutDiamond"
- - **position**: String = "flex-start", "center, "flex-end", "baseline", "stretch"
- - **axis**: String = "top", "right, "bottom", "left"

## License

react-native-background-shapes

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README