1.0.1 • Published 3 years ago

native-positioning v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Native Positioning

NPM version NPM downloads NPM license run in expo snack Codecov Travis

About

Set positioning for 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 libary with project using ES6 import:

import { positioning } from 'native-positioning'

Options

You can use functions with next 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,
      }}
    />
  )
}

License

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