//3.style样式

import React,{useState} from 'react';

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

 

const StyleDemo=()=>{

    return(

        <View style={myStyles.container}>

            <Text style={myStyles.background}>hello background</Text>

            <Text style={myStyles.red}>hello red</Text>

            <Text style={myStyles.background}>hello background</Text>

        </View>

    );

}

 

const myStyles=StyleSheet.create(

    {

        container:{

            marginTop:50,

        },

        background:{

            backgroundColor:'green',

            color:'blue',

            fontSize:30

        },

        red:{

            color:'red'

        }

    }

);

 

export default StyleDemo;