@shipt/react-native-tachyons

react-native-tachyons

Installation

# with npm
npm i --save @shipt/react-native-tachyons

# with yarn
yarn add @shipt/react-native-tachyons

Configuration

You can compose your own styles and pass them into the build process as needed/wanted. The build process returns the function for getting the configured styles later.

// styleConfig.js

import Tachyons from '@shipt/react-native-tachyons';
import { StyleSheet } from 'react-native';

const rem = 16;

const colors = {
  white: '#ffffff',
  black: '#000000'
};

const styles = {
  'gutter-h': { paddingLeft: 16, paddingRight: 16 },
  'gutter-v': { paddingTop: 16, paddingBottom: 16 }
};

// export the returned getStyle function
export default Tachyons({
  rem,
  colors,
  styles,
  StyleSheet
});

And then...

// another file
import getStyle from '../path/to/styleConfig';