react-native-ps

Simple function to switch between platform-specific styles

Usage no npm install needed!

<script type="module">
  import reactNativePs from 'https://cdn.skypack.dev/react-native-ps';
</script>

README

react-native-ps

Simple function to merge styles based on platform in React Native. ps stands for "platform styles."

Usage

import ps from 'react-native-ps'

const MyComponent = () =>
  <View style={styles.myComponent} />

const styles = ps({
  myComponent: {
    // Styles applied to all platforms
  },


  ios: {
    myComponent: {
      // iOS-specific styles
    },
  },
  android: {
    myComponent: {
      // Android-specific styles
    }
  },
  web: {
    myComponent: {
      // web-specific styles
    }
  },
})

Connect

Follow the creator on Twitter, @TuckerConnelly

License

MIT