Flutter学习笔记-使用decoration对Container圆形装饰

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget
{
    Widget build(BuildContext context)
    {
        return MaterialApp
        (
            title: "flutter Demo",
            theme: ThemeData
            (
                primarySwatch: Colors.deepOrange,
            ),

            home: Scaffold
            (
                appBar: AppBar
                (
                    title: Text("这是APP的标题"),
                ),

                body: Container
                (
                    margin: EdgeInsets.only(left: 50, top: 50, right: 50),
                    padding: EdgeInsets.only(left: 12, top: 12),
                    child: Text("Hello"),
                    width: 200,
                    height: 200,

                    decoration: BoxDecoration
                    (
                        color: Colors.blue,
                        shape: BoxShape.circle,
                    ),
                ),
            ),
        );
    }
}

Flutter学习笔记-使用decoration对Container圆形装饰_第1张图片

 

你可能感兴趣的:(Flutter)