0.0.6 • Published 8 years ago

react-native-platform-stylesheet v0.0.6

Weekly downloads
1,050
License
MIT
Repository
github
Last release
8 years ago

React Native Platform Stylesheet

Seperated out the F8StyleSheet to a module.

Get started

  1. npm install react-native-platform-stylesheet

  2. Use it in your project:

    import { create } from 'react-native-platform-stylesheet';
    
    
    const Profile = () => (
      <View style={styles.container}>
        {/* ... */}
      </View>
    );
    
    const styles = create({
      container: {
        flex: 1,
        ios: {
          backgroundColor: 'salmon'
        },
        android: {
          backgroundColor: 'tomato'
        }
      }
    });

    or

    import { create } from 'react-native-platform-stylesheet';
    
    
    const Profile = () => (
      <View style={styles.container}>
        {/* ... */}
      </View>
    );
    
    const styles = create({
      container: {
        flex: 1
      },
      ios: {
        container: {
          backgroundColor: 'salmon'
        }
      },
      android: {
        container: {
          backgroundColor: 'tomato'
        }
      }
    });

    Note: in the second example, make sure that ios and android styles are defined in the end of the object.