https://github.com/omdxp/sizedbox
A component for react-native app that add vertical or horizontal space on your screen, similar to Flutter's SizedBox widget!
https://github.com/omdxp/sizedbox
android ios react-native react-native-component windows
Last synced: 3 months ago
JSON representation
A component for react-native app that add vertical or horizontal space on your screen, similar to Flutter's SizedBox widget!
- Host: GitHub
- URL: https://github.com/omdxp/sizedbox
- Owner: omdxp
- Created: 2021-01-27T08:46:08.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-01T17:20:42.000Z (over 5 years ago)
- Last Synced: 2025-04-21T07:10:33.117Z (about 1 year ago)
- Topics: android, ios, react-native, react-native-component, windows
- Language: JavaScript
- Homepage:
- Size: 368 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SizedBox
A component for react-native app that add vertical or horizontal space on your screen, similar to Flutter's SizedBox widget!
## More details
- This component help adding vertical or horizontal spaces between components.
- Flutter's widget "SizedBox" was the inspiration to create this `react-native` component.
## Installation
Use the [npm](https://www.npmjs.com/package/sizedbox) package manager to install sizedbox :
```bash
npm i sizedbox
```
Or you can use `yarn` :
```bash
yarn add sizedbox
```
## How to use
```javascript
import {SizedBox} from 'sizedbox';
// this is to add a vertical space of 10px
// this is to add a horizontal space of 20px
```
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.