• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;
Flutter组件之FractionallySizedBox

Flutter组件之FractionallySizedBox

FractionallySizedBox 当我们需要一个控件的尺寸是相对尺寸时,比如当前按钮的宽度占父组件的70%,可以使用FractionallySizedBox来实现此效果。 使用FractionallySizedBox包裹子控件,设置widthFactor宽度系数或者heightFactor高度系数,系数值的范围是0-1,0.7表示占父组件的70%,用……

Flutter组件之AspectRatio

Flutter组件之AspectRatio

AspectRatio AspectRatio组件是固定宽高比的组件,如果组件的宽度固定,希望高是宽的1/2,可以用AspectRatio实现此效果,用法如下: AspectRatio( aspectRatio: 2 / 1, child: Container(color: Colors.red), ) aspectRatio参数是宽高……

Flutter组件之SizedBox

Flutter组件之SizedBox

SizedBox SizedBox是具有固定宽高的组件,直接指定具体的宽高,用法如下: SizedBox( height: 60, width: 200, child: RaisedButton( child: Text('this is SizedBox'), ), ) 我们也可以设置尺寸无限大,如下: Siz……

Flutter组件之UnconstrainedBox

Flutter组件之UnconstrainedBox

UnconstrainedBox UnconstrainedBox组件不对子组件做任何约束,比如有一个父组件大小是200×200,子组件是UnconstrainedBox,UnconstrainedBox包裹一个300×300的组件,代码如下: Container( height: 200, width: 200, c……

Flutter组件之ConstrainedBox

Flutter组件之ConstrainedBox

ConstrainedBox Flutter中尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox、Container。这些组件可以约束子组件的尺寸,后续文章将一一介绍。 ConstrainedBox Constraine……

Flutter 组件之 AppBar

Flutter 组件之 AppBar

AppBar AppBar是material风格的应用程序栏,结构图如下: leading属性通常设置返回按钮,用法如下: Scaffold( appBar: AppBar( leading: BackButton(), title: Text('老孟'), ), ) 效果如下: 如果leading属性未设置,且S……

Flutter组件之 AnimatedSwitcher

Flutter组件之 AnimatedSwitcher

AnimatedSwitcher AnimatedSwitcher在2个或者多个子组件之间切换时使用动画,基本用法如下: var _currChild = Container( key: ValueKey("1"), height: 300, width: 300, color: Colors.red, );……

Flutter组件之 AnimatedSize

Flutter组件之 AnimatedSize

AnimatedSize AnimatedSize是一个动画组件,当指定子组件的尺寸发生变化时,它就会在给定的时间内自动变换其尺寸。 用法如下: class _WidgetsDemo extends State<WidgetsDemo> with SingleTickerProviderStateMixin { var _he……

Flutter组件之 AnimatedPositionedDirectional

Flutter组件之 AnimatedPositionedDirectional

AnimatedPositionedDirectional AnimatedPositionedDirectional是一个隐式的动画组件,提供动态改变位置的动画组件,用法如下: Stack( children: <Widget>[ AnimatedPositionedDirectional( ……

Flutter组件之 AnimatedPositioned

Flutter组件之 AnimatedPositioned

AnimatedPositioned AnimatedPositioned是一个隐式的动画组件,提供动态改变位置的动画组件,用法如下: var _top = 30.0; Stack( alignment: Alignment.center, children: <Widget>[ Animate……