Usage no npm install needed!

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

README

react-native-multiple-styles

A simple utility for handeling mutiple styles (classes) in react-native

Install with npm.

npm install react-native-multiple-styles --save

Import it to your project

import multipleStyles from 'react-native-multiple-styles'

Usage

var styles = StyleSheet.create({
  icon: {
    backgroundColor: 'black'
  },
  iconRed: {
    backgroundColor: 'red'
  }
});

multipleStyles(styles.icon, styles.iconRed) // => [1, 2]
multipleStyles(styles.icon, { [styles.iconRed]: true }) // => [1, 2]
multipleStyles(styles.icon, { [styles.iconRed]: false }) // => [1]

It returns an array of the IDs representing the style objects. More info about that here.

Tests

npm test