Skip to content
For easy styling of react native components and its style composition
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.gitignore
.npmignore
package-lock.json
package.json
readme.md

readme.md

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'}}} />
You can’t perform that action at this time.