Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/jsifalda/styled-react-native

For easy styling of react native components and its style composition
https://github.com/jsifalda/styled-react-native

Last synced: 2 months ago
JSON representation

For easy styling of react native components and its style composition

Lists

README 

        
# 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](https://medium.com/@JSifalda/advanced-react-native-styling-with-a-few-lines-of-code-4b6a94385015)**



## Usage

```js

  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



```js

  import styled from 'styled-react-native'

  import { Text } from 'react-native'



  const Headline = styled(Text)

  

```