rn-project/src/constants/Style.js

#### 项目介绍 类似一个脚手架的工具 此项目致力于构建一套基础，简单，可维护的 适配我司的react-native项目。可在此基础上搭建项目，封装了基础架构，基础组件，以及各种交互等；可快速进行项目搭建，开发。 # 涉及主要技术 - 1. 项目主要架构 * react native * react-navigation * redux

import { pixel } from '../utils/View';

const $primary = '#ffb910';
const $important = '#ff442b';
const $bg = 'rgb(242,242,242)';
const $gray = '#ddd';

const $marginHorizontal = 15;
const $marginVertical = 15;

export default {
  bg: {
    backgroundColor: $bg,
  },

  primaryColor: {
    color: $primary,
  },
  primaryBg: {
    backgroundColor: $primary,
  },
  importantColor: {
    color: $important,
  },

  titleText: {
    fontSize: 15,
    color: '#333333',
  },
  secondText: {
    fontSize: 15,
    color: '#666',
  },
  normalText: {
    fontSize: 14,
    color: '#999',
  },
  tipsText: {
    fontSize: 15,
    color: '#ccc',
  },

  block: {
    // marginBottom: $marginVertical,
    backgroundColor: '#fff',
    borderBottomWidth: 1,
    borderBottomColor: '#eeeeee',
  },
  borderItem: {
    borderBottomWidth: 1,
    borderBottomColor: '#fafafa',
  },

  row: {
    flexDirection: 'row',
  },
  flex: {
    flex: 1,
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
  },
  center: {
    textAlign: 'center',
  },
  justifyContentCenter: {
    justifyContent: 'center',
  },
  justifyContentBetween: {
    justifyContent: 'space-between',
  },
  alignItemsCenter: {
    alignItems: 'center',
  },
  alignItemsEnd: {
    alignItems: 'flex-end',
  },

  marginHorizontal: {
    marginHorizontal: $marginHorizontal,
  },
  marginVertical: {
    marginVertical: $marginVertical,
  },
  paddingHorizontal: {
    paddingHorizontal: $marginHorizontal,
  },
  paddingVertical: {
    paddingVertical: $marginVertical,
  },
  paddingVertical2: {
    paddingVertical: $marginVertical * 2,
  },

  onePXborder: {
    borderBottomWidth: pixel,
    borderColor: $gray,
  },
  onePXborderTop: {
    borderTopWidth: 1,
    borderColor: $gray,
  },

  modalBg: {
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0.5)',
  },
};