import React ,{Component} from 'react';
import {AppRegistry, StyleSheet, Text, View} from 'react-native';

export default class LotsOfStyles extends Component {
  render(){
    return(
    <View style={styles.container}>
      <Text style={styles.red}>just red</Text>
      <Text style={styles.bigblue}>just bigblue</Text>
        /*數(shù)組賦值屬性，使用最后一個(gè)值*/
      <Text style={[styles.bigblue,styles.red]}>bigblue,thne red</Text>
      <Text style={[styles.red,styles.bigblue]}>red , then bigblue</Text>
    </View>
    );
  }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    bigblue:{
        color: 'blue',
        fontWeight:'bold',
        fontSize:30,
   } ,
    red:{
        color:'red',
    },
});