我想创建一个图像小部件,其大小与其父对象的高度相当,但根据显示图像的纵横比,它会溢出父对象的宽度.我试过FittedBox次,也试过LayoutBuilderSizedOverflowBox的组合,但没有成功.到目前为止,我只能将图像的宽度和高度调整到与父对象相同的大小.

有没有小部件的组合可以提供这种行为?

推荐答案

最后,我使用OverflowBox小部件找到了一种非常直接的方法:

new Container(
  child: new OverflowBox(
    minWidth: 0.0, 
    minHeight: 0.0, 
    maxWidth: double.infinity, 
    child: new Image(
      image: new AssetImage('assets/images/bubbles.jpg'), 
      fit: BoxFit.cover)) 
),

当为maxWidth提供Double.INFINITY并且没有为maxHeight提供值时,Overflow Box根据容器的高度和基于给定高度显示完整图像所需的宽度调整图像大小.

Flutter相关问答推荐

错误:找不到字体功能类型.Ffltter Google_Fonts包错误

如何在Ffltter Chrome应用程序中使用webview_fltter_web显示自定义html而不是外部uri?

未处理的异常:第1行第5列出现错误:无效的媒体类型:应为/&;.从API获取数据时在Flutter中

如何更改Flutter 中文本的混合模式?

SliverAppbar 呈蓝色

Flutter 未处理的异常 - 对 null 值使用 Null 判断运算符

如何修改来自合并 list 的 Android list 权限?

如何使Flutter 边框宽度在外面而不是在里面?

Flutter:使用 GlobalKey 访问 BlocProvider

如何正确地将 PageView 设置为 AppBar 的标题?

我想在文本结束后显示分隔线.它会在第一行、第二行或第三行结束

Flutterfire Configure - 未处理的异常和没有 firebase 初始化

将 String 与 List 元素进行比较时出现问题

在 Flutter 中,您什么时候应该更喜欢Widget继承而不是组合?

如何在 flutter 中更改日期 Select 器 colored颜色 ?

如何在 SingleChildScrollView 小部件中管理自定义小部件状态

如何按键在 map 列表中搜索

Flutter 用户过滤器

更新未知文档 ID firebase\flutter 中的字段

如何从dart 中的当前日期时间中减go 1 天?