sizedbox

A component for react-native app that add vertical or horizontal space on your screen, similar to Flutter's SizedBox widget!

Usage no npm install needed!

<script type="module">
  import sizedbox from 'https://cdn.skypack.dev/sizedbox';
</script>

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 package manager to install sizedbox :

npm i sizedbox

Or you can use yarn :

yarn add sizedbox

How to use

import {SizedBox} from 'sizedbox';

// this is to add a vertical space of 10px
<SizedBox vertical={10} />
// this is to add a horizontal space of 20px
<SizedBox horizontal={20} />

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.