From 7627681b1ef1c2825d7ad4f4f97a43fcb9618378 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BB=93=E5=8F=91=E5=8F=97=E9=95=BF=E7=94=9F?= Date: Sat, 26 Oct 2019 19:07:17 +0800 Subject: [PATCH] container --- source/_posts/flutter/Flutter初见.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/source/_posts/flutter/Flutter初见.md b/source/_posts/flutter/Flutter初见.md index b716695..fbf66df 100644 --- a/source/_posts/flutter/Flutter初见.md +++ b/source/_posts/flutter/Flutter初见.md @@ -130,4 +130,20 @@ Text( decorationStyle: TextDecorationStyle.solid // 下划线类型 ) ) -``` \ No newline at end of file +``` + +#### 容器组件 +就是`Container`类以及它的一些子类 +可以简单理解为div,通常用来方便控制布局 +```dart +Container( + child: Text( + '这是一段文字', + style: TextStyle(fontSize: 40), + ), + alignment: Alignment.bottomLeft, // 底部居左对齐 + color: Color.fromARGB(255, 50, 50, 50), //内部文字的颜色 + margin: EdgeInsets.fromLTRB(10, 20, 10, 30), // 左 上 右 下 +) +``` +属性也都很容易理解,可以设置容器的宽高,内外边距等等