iT邦幫忙

0

【Flutter】筆記-Container組件應用

  • 分享至 

  • xImage
  •  

Container容易應用:
width: 寬度
height: 高度
color: 顏色
decoration: 裝飾
alignment: 對齊方式

padding: 內邊距
margin: 外邊距
transform: 轉換

foregroundDecoration: 前景裝飾
transformAlignment: 轉換對齊方式
constraints: 約束條件

Center(
      child: Container(
        alignment: Alignment.center, //容器內的元素方位
        width: 200,
        height: 200,
        decoration: BoxDecoration(   //裝飾
            color: Colors.yellow,
            border: Border.all(color: Colors.red, width: 2), //邊框
            borderRadius: BorderRadius.circular(10), //配置圓角 也可實現
            boxShadow: const [BoxShadow(color: Colors.black, blurRadius: 10.0)],//配置陰影
            gradient: LinearGradient(colors: [Colors.red,Colors.yellow])),     //設置漸變
        child: Text('你好flutter',style: TextStyle(color: Colors.black, fontSize: 20),
        ),
      ),
    );

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言