universal-stylesheet

    0.6.5 • Public • Published

    universal-stylesheet npm

    Installation

    To install universal-stylesheet from NPM, run:

    npm install --save universal-stylesheet

    Create a universal StyleSheet

    import StyleSheet from 'universal-stylesheet';
     
    const styles = StyleSheet.create({
      container: {
        width: 750,
        height: 500,
        backgroundColor: 'red'
      },
      header: {
        width: 750,
        height: 100,
        borderRadius: 10,
        borderWidth: 4,
        borderColor: '#ddd'
      },
      row: {
        flexDirection: 'row'
      }
    });

    Use in the jsx

    <View style={styles.container}>
      <View style={[styles.row, styles.header]} />
    </View>

    API

    create

    /**
     * Creates stylesheet object
     *
     * @param {Object} styles 
     * @returns {Object} 
     */
     create (styles) {...}

    flatten

    /**
     * flatten style object
     *
     * @param {Object} style 
     */
     flatten (style) {...}

    Example

    import StyleSheet from 'universal-stylesheet';
     
    const styles = StyleSheet.create({
      container: {
        width: 750,
        height: 500,
        backgroundColor: 'red'
      },
      header: {
        width: 750,
        height: 30,
        borderRadius: 10,
        borderWidth: 4,
        borderColor: '#ddd'
      },
      row: {
        flexDirection: 'row'
      },
      listA: {
        width: 750,
        flex: 1,
        backgroundColor: 'red'
      },
      listB: {
        backgroundColor: 'green'
      }
    });
     
    StyleSheet.flatten([styles.listA, styles.listB]) // => { width: 750, flex: 1, backgroundColor: 'green' }

    Keywords

    none

    Install

    npm i universal-stylesheet

    DownloadsWeekly Downloads

    195

    Version

    0.6.5

    License

    BSD-3-Clause

    Unpacked Size

    62.6 kB

    Total Files

    17

    Last publish

    Collaborators

    • wintercn
    • yacheng
    • yuanyan
    • zeroling