flutter之Align控制項

2021-08-27 08:41:54 字數 681 閱讀 8329

align控制項即對齊控制項,能將子控制項所指定方式對齊,並根據子控制項的大小調整自己的大小。

對齊子控制項的方式:

bottomcenter    (0.5, 1.0)    底部中心

bottomleft (0.0, 1.0) 左下角

bottomright (1.0, 1.0) 右下角

center (0.5, 0.5) 水平垂直居中

centerleft (0.0, 0.5) 左邊緣中心

centerright (1.0, 0.5) 右邊緣中心

topcenter (0.5, 0.0) 頂部中心

topleft (0.0, 0.0) 左上角

topright (1.0, 0.0) 右上角

例項**: 

import 'package:flutter/material.dart';

class aligndemo extends statelesswidget

}void main()

效果: 

flutter控制項之CheckBox

import package flutter material.dart class learncheckbox extends statefulwidget class learncheckbox extends state newcenter child newcheckboxlisttile ...

Flutter控制項 Container

container 乙個方便的 widget,它組合了常見的繪畫 定位和大小的 widget,在flutter中非常常見。顏色,邊框,填充形狀,陰影,漸變色,背景。container 首先會使用 padding 來圍繞在 child 周圍 也包括 decoration 中存在的邊框 新增額外的約束限...

Flutter基礎控制項 Row,Column

tocrow 行,以水平方式排列其內部children widget。若需要使其內部某個children widget填充滿剩餘空間,可使用expanded包裹該元件。void main new statelesswidget 無狀態widget class extends statelesswid...