https://github.com/atull/react-native-shape
https://github.com/atull/react-native-shape
circle demo hexagon javascript mobile react-native shape square triangle ui-components
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/atull/react-native-shape
- Owner: atull
- Created: 2019-07-31T11:54:46.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-07T13:33:54.000Z (over 6 years ago)
- Last Synced: 2025-04-21T21:40:54.043Z (10 months ago)
- Topics: circle, demo, hexagon, javascript, mobile, react-native, shape, square, triangle, ui-components
- Language: JavaScript
- Size: 474 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Shape
Custom shapes for React Native apps
This library is truly an inspiration from [The shape of CSS](https://css-tricks.com/the-shapes-of-css/) and the example assets for demonstrating this library are been used from an article on [CodeDaily](https://codedaily.io/tutorials/22/The-Shapes-of-React-Native).
Currently, this library is supporting 9 basic shapes mentioned below.
```bash
Square, Rectangle, Circle, Oval, Triangle, Trapezoid, Pentagon, Hexagon & Octagon.
```
## Demo
## Installation
```bash
npm install react-native-shape
```
## Properties
| Name | Type | Default |
|---------------|---------|--------------|
| **color** | String | #1e90ff |
| **rotate** | Int | 0 (in deg) |
| **scale** | Float | 1 |
## Example Usage
```js
import React from 'react';
import { View } from 'react-native';
import { Circle, Triangle } from 'react-native-shape';
export default class App extends React.Component {
render() {
return (
);
}
}
```
## Contributing
Contributions are very welcome for bug fixes & new features
## License
MIT