再看下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来填充,我们看下具体的效果:

文章插图
总结这几个box是我们在日常的工作中经常会用到的box 。大家可以熟练掌握 。
本文的例子:https://github.com/ddean2009/learn-flutter.git
更多内容请参考 www.flydean.com【flutter系列之:把box布局用出花来】
最通俗的解读,最深刻的干货,最简洁的教程,众多你不知道的小技巧等你来发现!
欢迎关注我的公众号:「程序那些事」,懂技术,更懂你!
经验总结扩展阅读
- 梦魇无归世界之核怎么选
- iPhone13系列续航排名_iPhone13系列续航测试
- 金铲铲之战幽影碧波法阵容怎么搭配
- 石硖龙眼之乡在哪里
- 咸鱼之王龙鱼洛神怎么搭配
- 网恋cp之间的称呼
- 小米11系列出现重大翻车_小米11系列是不是真的翻车了
- 三瓶啤酒多久之后测不出来
- 驼鸟蛋的营养价值
- 宝石研物语:伊恩之石荒野冒险真理之问怎么通关