react-native-tstyles/src/flex.js

Tachyons-like styles for React Native

export const Flex = {
  f1: {flex: 1},
  f0: {flex: 0},
  fsh1: {flexShrink: 1},
  fsh0: {flexShrink: 0},
  fg1: {flexGrow: 1},
  fg0: {flexGrow: 0},
  row: {flexDirection: 'row'},
  col: {flexDirection: 'column'},
  wrap: {flexWrap: 'wrap'},

  aic: {alignItems: 'center'},
  ais: {alignItems: 'stretch'},
  aifs: {alignItems: 'flex-start'},
  aife: {alignItems: 'flex-end'},
  aib: {alignItems: 'baseline'},

  asc: {alignSelf: 'center'},
  ass: {alignSelf: 'stretch'},
  asfs: {alignSelf: 'flex-start'},
  asfe: {alignSelf: 'flex-end'},
  asfb: {alignSelf: 'baseline'},

  jcc: {justifyContent: 'center'},
  jcfs: {justifyContent: 'flex-start'},
  jcfe: {justifyContent: 'flex-end'},
  jcsa: {justifyContent: 'space-around'},
  jcsb: {justifyContent: 'space-between'},

  abs: {position: 'absolute'},
  rel: {position: 'relative'},

  ofv: {overflow: 'visible'},
  ofh: {overflow: 'hidden'},
  ofs: {overflow: 'scroll'},
}