33 lines
644 B
JavaScript
33 lines
644 B
JavaScript
import React from "react";
|
|
import {
|
|
StyleSheet,
|
|
Text,
|
|
View,
|
|
} from 'react-native';
|
|
|
|
|
|
const styles = StyleSheet.create({
|
|
bigblue: {
|
|
color: 'blue',
|
|
fontWeight: 'bold',
|
|
fontSize: 30,
|
|
},
|
|
red: {
|
|
color: 'red',
|
|
},
|
|
});
|
|
|
|
class LotsOfStyles extends React.Component {
|
|
render() {
|
|
return (
|
|
<View>
|
|
<Text style={styles.bigblue}>Just big blue</Text>
|
|
<Text style={styles.red}>Just red</Text>
|
|
<Text style={[styles.bigblue, styles.red]}>Big blue, then red</Text>
|
|
<Text style={[styles.red, styles.bigblue]}>Red, then big blue</Text>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default LotsOfStyles;
|