preStyles.js

export default {
    //color
    blue: { color: '#3182C8' },
    cyan: { color: '#00AAAF' },
    green: { color: '#00A65F' },
    yellow: { color: '#E2902B' },
    orange: { color: '#D9644A' },
    red: { color: '#CF262F' },
    purple: { color: '#8B1079' },
    violet: { color: '#48217B' },
    black: { color: '#000000' },
    white: { color: '#ffffff' },

    //layout
    row: {
        flexDirection: 'row',
    },
    column: {
        flexDirection: 'column',
    },
    center: {
        alignItems: 'center',
        justifyContent: 'center',
        alignContent: 'center',
    },
    flex: {
        flex: 0
    },
    flex0: {
        flex: 0
    },
    flex1: {
        flex: 1
    },
    flex2: {
        flex: 2
    },
    flex3: {
        flex: 3
    },
    flex4: {
        flex: 4
    },
    flex5: {
        flex: 5
    },

    //item
    h1: {
        fontSize: 28,
        fontWeight: 'bold',
    },
    h2: {
        fontSize: 24,
        fontWeight: 'bold',
    },
    h3: {
        fontSize: 20,
        fontWeight: 'bold',
    },
    detail: {
        fontSize: 18,
    },
    link: {
        textDecorationLine: 'underline'
    },
    underline: {
        textDecorationLine: 'underline'
    },
    italic: {
        fontStyle: 'italic'
    },
    bold: {
        fontWeight: 'bold',
    }
}