介于最小和最大高度之间的灵活容器

Question

假设我有一个固定高度和宽度的容器，文本位于按钮上方（墨水井内的彩色容器）。文本很长，在小型设备上可能很容易导致额外的换行符，导致按钮 'too high' 并被推出边界。

我怎样才能给 Button 一定的灵活性，使 space 尽可能可用（但不要太多）但根据需要（所以不要太小）。

Container(
   height: 160,
   width: 160,
   child: Column(
      children: [
         Text("Long Text aaa"),
         Inkwell(
            onTap: () {},
            child: Container(
               child(
                  Text("LogIn")
)))]))

Answer 1

我解决了这个问题，解决方案是将 Inkwell 放在 Flexible 中心的 ConstrainedBox 中

[...]
Text("Long Text aaa"),
Flexible(
   child: Center(
      child: ConstrainedBox(
         constraints: const BoxConstraints(maxHeight: 60),
         child: InkWell(
[...]

这样它就可以完美地适应最大space，同时不会变得太大。

介于最小和最大高度之间的灵活容器

Flexible Container between min and max height

dart

flutter

flutter-layout