Flutter基础视频教程—427个组件全解析

Center介绍 Center就是将子组件进行一个居中展示，它继承自Align，因为Align默认的对齐方式是居中的，所以它能实现居中效果，如果Center的尺寸没有受到限制，那么它将尽可能大。 示例

ClipOval介绍 ClipOval是裁剪子组件为椭圆的组件，默认情况下，将轴对齐的椭圆内切到其布局尺寸中，并防止其子项在该椭圆外绘制，但可以使用自定义剪刀自定义剪辑椭圆的大小和位置。 示例代码 本

ClipRect介绍 ClipRect 是给子组件裁剪为给定的矩形大小，默认情况下，ClipRect会阻止其子组件在边界之外进行会话，如果需要对子组件进行大小和位置的限定，那么还可以通过自定义裁剪路径

Container介绍 如果组件需要一些背景样式、形状、尺寸限制就可以用Container来进行包裹子组件用于装饰和定位，所以Container 是一个组合类容器。它是DecoratedBox、Con

AspectRatio介绍 AspectRatio 主要的作用是调整子组件设定的宽高比，如播放视频时16:9或4:3等。 示例代码 本文中很多效果都没有截图，可下载源代码运行项目 源代码地址，或者通过

OverflowBox介绍 OverflowBox 允许子控件超出父控件的边界。这个特性主要可以用来实现文字或者按钮角标的。 示例代码 本文中很多效果都没有截图，可下载源代码运行项目 源代码地址，或者

SizeBox介绍 SizeBox 是一个指定尺寸的盒子，一般用来限制子控件的大小，能强制子控件具有特定宽度和高度。 示例代码 本文中很多效果都没有截图，可下载源代码运行项目 源代码地址，或者通过视频

ConstrainedBox ConstrainedBox介绍 主要目的是对其子组件添加额外的约束，有时候子组件需要自动调整宽度和高度，以达到最佳的适配设计，那么这时候使用ConstrainedBox

Align介绍 Align 一般是用来确定子控件在父布局中的位置，比如居中、左上等多个对齐方式。 什么情况下使用Align? 当子组件需要设置位于父组件的某个位置时，需要用到Align Align构造

Padding介绍 ​ 在应用程序中有许多widget 时，这个时候画面常常会变得很拥挤，这个时候如果想要在widget之间来保留一些间距，那就用 Padding 为什么使用 Padding 而不使用

TabBar介绍 ​ 一个显示水平行选项卡的Widget。 通常创建为 AppBar 的 AppBar.bottom 部分并与 TabBarView 结合使用 在什么情况下使用TabBar ​ 当你的

AppBar介绍 ​ AppBar是基于Material Design设计风格的应用栏，一般使用在Scaffold内部，作为顶部导航栏。 为什么需要AppBar ​ 1、因为导航栏里面一般由左侧功能键

1、Flutter Object继承关系 该继承图为flutter2.2版本最新继承关系图。 视频讲解地址 视频讲解地址 2、Flutter Widget组件继承图 Flutter关系继承图.xmin

Scaffold介绍 ​ Scaffold 我们通常俗称为脚手架，在前面的文章中我们说到，Material 组件（MDC）帮助开发者实现 Material Design，Scaffold 实现了基本的

Flutter整体结构图 Flutter Framework Foundation、Animation、Painting、Gestures被合成了一个Dart UI层，对应的是Flutter中 dar