jsifalda / styled-react-native

For easy styling of react native components and its style composition

Styled react native components

For easy styling of react native components and its style composition

Read more about this package in this Medium article - Advanced React Native styling with a few lines of code

Usage

  import styled from 'styled-react-native'
  import { Text } from 'react-native'

  const Headline = styled(Text)(() => {
    return {
      fontSize: 20,
      textAlign: 'center',
      margin: 10
    }
  })

  const BoldHeadline = styled(Headline)(() => {
    return {
      fontWeight: 'bold'
    }
  })

or

  import styled from 'styled-react-native'
  import { Text } from 'react-native'

  const Headline = styled(Text)
  <Headline {...{style: {color: 'red'}}} />