效果圖

效果圖

Container屬性列表

• alignment：child的對齊方式赫冬，九種對其方式浓镜，上左，上中劲厌，上右膛薛，中左，正中补鼻，中右哄啄，下左，下中辽幌，下右
• padding：內(nèi)部間隔區(qū)域增淹，可響應點擊
• margin：外部間隔區(qū)域，不響應點擊
• color：設(shè)置背景顏色乌企，不能和 decoration一起用
• decoration：設(shè)置裝飾器虑润，可設(shè)置邊框、主體加酵、陰影等
• foregroundDecoration：設(shè)置前景裝飾器拳喻，可設(shè)置邊框哭当、主體、陰影等
• width：view寬
• height：view高
• constraints：設(shè)置子view約束冗澈，限制最大最小寬高
• transform：設(shè)置矩陣變換
• child：子view

Container示例代碼

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

class MyContainer extends StatefulWidget{
  @override
  State<StatefulWidget> createState() => _MyContainerState();
}

class _MyContainerState extends State<MyContainer> {
  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,//child的對齊方式 Alignment.topLeft,topCenter,topRight,centerLeft,center,centerRight,bottomLeft,bottomCenter,bottomRight
      padding: EdgeInsets.all(3.0),//內(nèi)部間隔區(qū)域钦勘，可響應點擊
      margin: EdgeInsets.all(50),//外部間隔區(qū)域，不響應點擊
//      color: Color(0xffffffff), //設(shè)置顏色亚亲，不能和 decoration一起用
      decoration: new BoxDecoration(//設(shè)置裝飾器彻采，可設(shè)置邊框、主體捌归、陰影等
        color:  Color(0xffffffff),
        border:Border.all(color:Color(0xffd9d9d9)),
        borderRadius: BorderRadius.circular(10.0),
        boxShadow:[
          BoxShadow(
              color: Color(0xfff4f4f4),
              offset: Offset(10,10)
          ),
        ],
      ),
      foregroundDecoration: new BoxDecoration(//設(shè)置前景裝飾器肛响，可設(shè)置邊框、主體惜索、陰影等
        color: Color(0x00000000),
      ),
      width: 300,//view寬
      height: 100,////view高
      constraints:BoxConstraints(minHeight: 80,minWidth: 80),//約束布局特笋，控制子view的大小
      transform: Matrix4.rotationZ(0.1),//設(shè)置矩陣變換
      child: Text('這是一個 Container'),//包含的子view
    );
  }

}