import React from 'react';import { StyleSheet, Text, View } from 'react-native';const App = () => (
React Native
);const page = StyleSheet.create({
container: {
flex: 1,
padding: 24,
backgroundColor: 'green',
},
text: {
fontSize: 30,
color: 'blue'
},});const lists = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'yellow',
},
item: {
fontStyle: 'italic',
fontWeight: 'bold'
},});// merging. precedence over previous or falsy styles.const container = StyleSheet.compose(page.container, lists.container);const text = StyleSheet.flatten([page.text, lists.item]);export default App;