微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在保持宽高比的同时将父对象收缩包装在其子窗口小部件周围?

如何解决如何在保持宽高比的同时将父对象收缩包装在其子窗口小部件周围?

以下是我认为可行的示例:

SizedBox(
  width: 1000,height: 1000,child: Container(
    color: Colors.red,child: AspectRatio(  // <-- maybe something like AspectRatio.min() instead?
      aspectRatio: 1.61803398875,// The golden ratio
      child: Text("Loooooooooong boi"),)
  )
)

这样做的结果使1000x618的区域变为红色,因为AspectRatio基本上将自身标记为尽可能大,同时仍根据传入的约束保持宽高比。

我真的只想说AspectRatio的宽度取决于文本的宽度,而高度取决于纵横比。反之亦然,如果文本很高。基本上,我希望动态填充能够保持特定的宽高比,同时收缩其子对象。还是我猜想是一种AspectRatioContainer,所以我可以指定孩子应该如何在其长宽比包装中对齐。

据我了解,这对于整个“缩小约束,增大尺寸”的事情应该没问题。我尝试过查看Padding如何做一些事情来实现自己的功能,但是我迷路了,想过要问清楚之后再去做些什么。

对于更多上下文,我想将其包装在ClipPath中以具有很好的长宽比剪辑,这取决于其内容的大小。

tl; dr:基本上,也许我想要一个可动态填充以实现某些宽高比的Padding小部件,但是也许我在树错了树皮?

有什么想法吗?解决方案?替代方法

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。