/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

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



export default class App extends Component<{}> {
    render() {
        return (
            <View style={styles.container}></View>
        );
    }
}

const styles=StyleSheet.create({
    container:{
        //名字為 container的具體樣式
        backgroundColor:'#eae7ff',
        height:3,//高度。當(dāng)有flex屬性的時(shí)候。作廢
        flex:1,
        //flex 是填充整個(gè)高度
        margin:30,//容器上面有個(gè)30的頂邊距
        borderWidth:1, //外邊距的寬度
        borderColor:'red',//外邊距的顏色
        borderRadius:30,//設(shè)置圓角的效果
        shadowColor:'#6435c9',//設(shè)置一個(gè)陰影的顏色
        shadowOpacity: 0.5 ,//陰影的透明度  0~1
        shadowRadius:20 ,//陰影的擴(kuò)散程度
        shadowOffset:{
          height:1,
            width:2
        }//陰影的偏移量

    }
})