react-native-classes

Bringing CSS Like Classes to React Native

Usage no npm install needed!

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

README


react-native-classes

Version Weekly Downloads License

Open Issues Stars Open PRs

Dependencies DevDependencies PeerDependencies

Install Size Publish Size

Bringing CSS Like Classes to React Native.

Getting Started

import ThemeProvider, { Text, View } from 'react-native-classes';
import React from 'react';
import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
    heading: {
        color: '#333',
        fontSize: 20,
    },
    main: {
        backgroundColor: '#EFEFEF',
        marginVertical: 30,
        padding: 10,
    },
    screen: {
        marginTop: 35,
    },
    'text-bold': {
        fontWeight: 'bold',
    },
});

export default class App extends React.Component {
    render() {
        return (
            <ThemeProvider styles={styles}>
                <View className="screen">
                    <Text className="text-bold">Open up App.js to start working on your app!</Text>
                    <View className="main">
                        <Text className="heading">Hello World!</Text>
                    </View>
                </View>
            </ThemeProvider>
        );
    }
}