Общие стили реагировать родной


Фон: Я совершенно новым для реагировать родной.

Вопрос: Есть ли причина, почему я не должен этого делать у опытного точку зрения?

Цель: - иметь общие стили в моем реагируют-родное приложение? - использовать преимущества VSCode IntelliSense для развития.

#common/styles.js

import { Platform, StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  fontFamily: {
    ...Platform.select({
      ios: {
        fontFamily: 'Baskerville',
      },
      android: {
        fontFamily: 'Noto Sans',
      },
    }),
  },
});

export const fonts = {
  h2: { fontSize: 80 },
  text: { fontSize: 12 },
};

export const BORDER_RADIUS = 5;

export const colors = {
  blue_primary: '#3F51B5',
  blue_secondary: '#E8EAF6',
  green_primary: '#73C700',
  green_secondary: '#F1F8E9',
  white: '#ffffff',
  grey_primary: '#9E9E9E',
  grey_secondary: '#FAFAFA',
  bluegrey: {
    50: '#eceff1',
    800: '#37474f',
    900: '#263238',
  },
};

Здесь это обычный компонент, используя эти общие стили:

import React from 'react';
import { View, Text } from 'react-native';
import { colors, styles, fonts } from './common/styles';

const PlainComponent = () => (
  <View style={{ flex: 1, backgroundColor: colors.bluegrey['50'] }}>
    <Text style={[fonts.h2, styles.fontFamily, { color: 'red' }]}>Hello</Text>
  </View>
);

export default PlainComponent;


238
0
задан 5 марта 2018 в 02:03 Источник Поделиться
Комментарии