react-native-scale

https://github.com/hmdevelop

Install

Install with npm

$ npm i react-native-scale --save-dev

Usage

import {wp,hp,ael,rel,normalize} from "react-native-scale"

const styles = StyleSheet.create({
  container: {
    width:wp("75") ,
    height:hp("25"),
    backgroundColor:"green",
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    fontSize: normalize(12),
    color:"white"
 }})

Usage with styledComponents

import {wp,hp,ael,rel,normalize} from "react-native-scale"
import styled from 'styled-components/native'
   

   const Container = styled.View`
   width: ${wp("98") } ;
    height: ${hp("15")} ;
    background-color: #FFFFFF;
`

const StyledText = styled.Text`
    align-items: 'center';
    background-color: '#DDDDDD';
    font-size : ${normalize(18)};
 
`

Running tests

Install dev dependencies:

$ npm i -d && npm test

Contributing

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue

Author

mustafa topal

• github/
• twitter/

License

Copyright © 2018 [mustafa topal](#mustafa topal) Licensed under the ISC license.

This file was generated by readme-generator on September 22, 2018.