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("这是一个内部元素"),
                    width: 200,
                    height: 200,
                    
                    // color: Colors.blue,

                    decoration: BoxDecoration
                    (
                        color: Colors.blue,
                        border: Border.all
                        (
                            color: Colors.yellow,
                            width: 8
                        ),
                    ),
                ),
            ),
        );
    }
}

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

 

你可能感兴趣的:(Flutter)