flutter系列之:把box布局用出花来( 二 )


再看下FittedBox的构造函数:
const FittedBox({Key? key,this.fit = BoxFit.contain,this.alignment = Alignment.center,this.clipBehavior = Clip.none,Widget? child,})FittedBox有几个非常有意思的参数,首先是fit,表示如何填充Box,它是一个BoxFit对象,BoxFit有几个值,用来描述fix的方式 。
比如fill表示填充到box中,不管之前child的长宽比,而contain表示的是尽可能的包含child 。
alignment是一个AlignmentGeometry,表示的是child的排列方式 。
clipBehavior表示的是Box和child重叠的时候的剪切方式 。
我们看一个具体的例子:
Widget build(BuildContext context) {return FittedBox(fit: BoxFit.fill,child: Image.asset('images/head.jpg'),);}上面例子中,我们使用了BoxFit.fill来填充,我们看下具体的效果:

flutter系列之:把box布局用出花来

文章插图
总结这几个box是我们在日常的工作中经常会用到的box 。大家可以熟练掌握 。
本文的例子:https://github.com/ddean2009/learn-flutter.git
更多内容请参考 www.flydean.com
最通俗的解读,最深刻的干货,最简洁的教程,众多你不知道的小技巧等你来发现!
欢迎关注我的公众号:「程序那些事」,懂技术,更懂你!
【flutter系列之:把box布局用出花来】

经验总结扩展阅读