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

问题描述

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

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 (将#修改为@)