2.0.2 • Published 1 year ago

react-native-classes v2.0.2

Weekly downloads
2
License
MIT
Repository
github
Last release
1 year ago

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>
		);
	}
}