Native Positioning

About

Set the positioning of the React Native component in one line of code

How to Install

First, install the library in your project by npm:

$ npm install native-positioning

Or Yarn:

$ yarn add native-positioning

Getting Started

Connect the library with the project using ES6 import:

import { positioning } from 'native-positioning'

Options

You can use the functions with the following combinations:

• (all)
• (vertical, horizontal)
• (top, horizontal, bottom)
• (top, right, bottom, left)

All params are number or string type

Example

import React from 'react'
import { View } from 'react-native'
import { positioning } from 'native-positioning'

const App = () => {
  return (
    <View
      style={{
        backgroundColor: 'red',
        ...positioning(0, 20, 15),
        // top: 0,
        // right: 20,
        // bottom: 15,
        // left: 20,
      }}
    />
  )
}

export default App

License

This project is licensed under the MIT License © 2021-present Jakub Biesiada