rnkids / styled-system-native

React Native components for in-line styling, build with styled-system and styled-components

Styled System Native

React Native components for in-line styling, build with styled-components. Inspired from: styled-system-html

Usage

$ npm i -S styled-system-native

Then styled it like styled-system

import React from 'react';
import { Text, View, Button } from "styled-system-native";

const App = () => {
    return (
        <View flex={1} justifyContent="center" alignItems="center">
            <Button
                color="red"
                bg="blue"
                justifyContent="center"
                alignItems="center"
                size={64}
                onPress={() => {console.log("rnkids.github.io")}}
            >
                Press
            </Button>
        </View>
    );
}
export default App;

Created by rnkids

styled-system-native's Issues

Padding doesn't appear to be working

Cool library! Really great idea to port styled-system to native.