styled-react-native

For easy styling of react native components and its style composition

Usage no npm install needed!

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

README

Styled react native components

For easy styling of react native components and its style composition

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'}}} />