react-combine-styles

1.0.2 • Public • Published

React Combine Styles

A simple javascript utility for conditionally combining react native styles.

Inspired by the classnames npm module found here.

Install

npm install react-combine-styles

Usage

Compatible with both ES5 and ES6

import { StyleSheet } from 'react-native'
import combineStyles from 'react-combine-styles'
 
const styles = StyleSheet.create({
  textInput: {
     ...
  },
  disabledTextInput: {
     ...
  },
  focussedTextInput: {
     ...
  },
})
 
...
 
class FancyTextInput extends Component {
 
  render() {
    const textStyles = combineStyles({
      textInput: true,
      disabledTextInput: this.props.isDisabled,
      focussedTextInput: this.props.isFocussed
    }, styles)
   
    return (
      <TexInput style={textStyles} />
    )
  }
  
}
 

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i react-combine-styles

    Weekly Downloads

    3

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • felixmc