一、单子 Widget 嵌套布局：
单子 Widget是指只有一个子组件的Widget，这样布局Widget有三个：Container、Padding、Center
1、Container
Container，是一种允许在其内部添加其他控件的控件，也是 UI 框架中的一个常见概念。
在 Flutter 中，Container 本身可以单独作为控件存在（比如单独设置背景色、宽高），也可以作为其他控件的父级存在：Container 可以定义布局过程中子 Widget 如何摆放，以及如何展示。与其他框架不同的是，Flutter 的 Container 仅能包含一个子 Widget。文章来源：https://www.toymoban.com/news/detail-719735.html
先简单写一个Container，尺寸200x200；在内部居左上放一个子Container，尺寸80x80文章来源地址https://www.toymoban.com/news/detail-719735.html
- 代码如下：
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
// Here we take the value from the MyHomePage object that was created by
// the App.build method, and use it to set our appbar title.
title: Text(widget.title),
),
body: _container(), // This trailing comma makes auto-formatting nicer for build methods.
);
}
Container _contai到了这里，关于flutter 常用布局方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS+DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/783047-1.png)
