本文通过实例代码解析Flutter中Image组件的BoxFit属性，包括fitWidth、fitHeight、contain、cover、fill、scaleDown和none等不同适配方式的效果展示，帮助理解其在移动开发中的应用。
),
),
Text(“contain”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.yellow,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fill,
),
),
Text(“fill”),
],
),
Column(
children: [
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.black,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fitHeight,
),
),
Text(“fitHeight”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.scale</
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
