Package Exports

react-native-scaled-sheet

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-scaled-sheet) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Scaled Sheet

A React Native interceptor for StyleSheet to scale sizes based in screen dimensions.

Installation

react-native-scaled-sheet is available on npm/yarn:

$ npm install react-native-scaled-sheet --save
$ yarn add react-native-scaled-sheet

Usage

import ScaledSheet from 'react-native-scaled-sheet';

const styles = ScaledSheet.create({
  container: {
    height: 50, // => scaleSize(50)
    width: 50, // => scaleSize(50)
    fontSize: 14, // => scaleFont(14)
  },
});

// OR:

import { StyleSheet } from 'react-native';
import { scaleSize, scaleFont } from 'react-native-scaled-sheet';

const styles = StyleSheet.create({
  container: {
    height: scaleSize(50),
    width: scaleSize(50),
    fontSize: scaleFont(14),
  },
});

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Bugs and Sugestions

Report bugs or do suggestions using the issues.