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: 29 days ago
JSON representation

For easy styling of react native components and its style composition

• Host: GitHub
• URL: https://github.com/jsifalda/styled-react-native
• Owner: jsifalda
• Created: 2018-06-28T12:06:27.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-01T13:44:14.000Z (over 6 years ago)
• Last Synced: 2024-10-04T09:43:49.225Z (2 months ago)
• Language: JavaScript
• Size: 20.5 KB
• Stars: 17
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

• awesome-react-native - styled-react-native - Advanced react native styling with simple method (style overwrites, component composition, enhanced style property). Full intro in [this Medium article](https://medium.com/@JSifalda/advanced-react-native-styling-with-a-few-lines-of-code-4b6a94385015). (Components / Styling)
• awesome-react-native - styled-react-native - Advanced react native styling with simple method (style overwrites, component composition, enhanced style property). Full intro in [this Medium article](https://medium.com/@JSifalda/advanced-react-native-styling-with-a-few-lines-of-code-4b6a94385015). (Components / Styling)
• awesome-react-native - styled-react-native - Advanced react native styling with simple method (style overwrites, component composition, enhanced style property). Full intro in [this Medium article](https://medium.com/@JSifalda/advanced-react-native-styling-with-a-few-lines-of-code-4b6a94385015). (Components / Styling)
• awesome-react-native - styled-react-native - Advanced react native styling with simple method (style overwrites, component composition, enhanced style property). Full intro in [this Medium article](https://medium.com/@JSifalda/advanced-react-native-styling-with-a-few-lines-of-code-4b6a94385015). (Components / Styling)

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)

  

```