需求
话不多说,直切正题!我们经常会遇到一个需求,在在一个定高的卡片中显示长图,如下图所示。
假如我们要显示这个长图。如果不考虑自定义显示长图的区域,这个很好实现,没什么可说的。
Container(width: 300,height: 400,decoration: BoxDecoration(border: Border.all(color: Colors.deepOrangeAccent, width: 3)),child: Image.network("https://fb-cdn.fanbook.mobi/fanbook/app/files/chatroom/image/9a61840fbbcf766b15f8601b66b9d63c.jpeg",fit: BoxFit.fitWidth,),
),
关于BoxFit
这个枚举,各个具体的枚举值含义,我直接从官方的注释中复制了出来,方便大家查阅。
1.#### BoxFit.fill
2.#### BoxFit.contain
3.#### BoxFit.cover
4.#### BoxFit.fitWidth
5.#### BoxFit.fitHeight文章来源:https://www.toymoban.com/news/detail-832989.html
6.#### BoxFit.none文章来源地址https://www.toymoban.com/news/detail-832989.html
到了这里,关于Flutter长图显示,自定义显示图片的指定区域的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!