Flutter组件之FractionallySizedBox
FractionallySizedBox 当我们需要一个控件的尺寸是相对尺寸时，比如当前按钮的宽度占父组件的70%，可以使用FractionallySizedBox来实现此效果。 使用FractionallySizedBox包裹子控件，设置widthFactor宽度系数或者heightFactor高度系数，系数值的范围是0-1，0.7表示占父组件的70%，用……
Flutter组件之AspectRatio
AspectRatio AspectRatio组件是固定宽高比的组件，如果组件的宽度固定，希望高是宽的1/2，可以用AspectRatio实现此效果，用法如下： AspectRatio( aspectRatio: 2 / 1, child: Container(color: Colors.red), ) aspectRatio参数是宽高……
Flutter组件之SizedBox
SizedBox SizedBox是具有固定宽高的组件，直接指定具体的宽高，用法如下： SizedBox( height: 60, width: 200, child: RaisedButton( child: Text('this is SizedBox'), ), ) 我们也可以设置尺寸无限大，如下： Siz……
Flutter组件之UnconstrainedBox
UnconstrainedBox UnconstrainedBox组件不对子组件做任何约束，比如有一个父组件大小是200×200，子组件是UnconstrainedBox，UnconstrainedBox包裹一个300×300的组件，代码如下： Container( height: 200, width: 200, c……
Flutter组件之ConstrainedBox
ConstrainedBox Flutter中尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox、Container。这些组件可以约束子组件的尺寸，后续文章将一一介绍。 ConstrainedBox Constraine……
Flutter 组件之 AppBar
AppBar AppBar是material风格的应用程序栏，结构图如下： leading属性通常设置返回按钮，用法如下： Scaffold( appBar: AppBar( leading: BackButton(), title: Text('老孟'), ), ) 效果如下： 如果leading属性未设置，且S……
Flutter组件之 AnimatedSwitcher
AnimatedSwitcher AnimatedSwitcher在2个或者多个子组件之间切换时使用动画，基本用法如下： var _currChild = Container( key: ValueKey("1"), height: 300, width: 300, color: Colors.red, );……
Flutter组件之 AnimatedSize
AnimatedSize AnimatedSize是一个动画组件，当指定子组件的尺寸发生变化时，它就会在给定的时间内自动变换其尺寸。 用法如下： class _WidgetsDemo extends State<WidgetsDemo> with SingleTickerProviderStateMixin { var _he……
Flutter组件之 AnimatedPositionedDirectional
AnimatedPositionedDirectional AnimatedPositionedDirectional是一个隐式的动画组件，提供动态改变位置的动画组件，用法如下： Stack( children: <Widget>[ AnimatedPositionedDirectional( ……
Flutter组件之 AnimatedPositioned
AnimatedPositioned AnimatedPositioned是一个隐式的动画组件，提供动态改变位置的动画组件，用法如下： var _top = 30.0; Stack( alignment: Alignment.center, children: <Widget>[ Animate……