gpt4 book ai didi

flutter - 如何在堆栈中缩小的容器中正确居中文本小部件

转载 作者:行者123 更新时间:2023-12-03 04:56:22 25 4
gpt4 key购买 nike

我想要一个容器,它的缩小为内容。该容器应放置在堆栈中,以便该容器不受外部约束。

    ConstrainedBox(
constraints: BoxConstraints(maxWidth: 150.0, minHeight: 48.0),
child: Container(
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8), border: Border.all(color: Colors.black)),
child: SelectableText(
"Text",
),
),
);

enter image description here

此代码使容器在我的文本周围缩小,这正是我想要的。

现在,我想 将子窗口小部件(文本)居中放置在我的容器中。我用Center小部件包装了Text,它将容器扩展到整个可用垂直空间,这显然不是我的意图。
我能得到的最接近的是带有列的解决方案:
    ConstrainedBox(
constraints: BoxConstraints(maxWidth: 150.0, minHeight: 48.0),
child: Container(
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8), border: Border.all(color: Colors.black)),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
SelectableText(
"Node",
),
],
),
),
);

这使我的文字垂直居中,而不是水平居中,并且感觉不到这是实现我想要的东西的正确方法。

最佳答案

包裹在Center小部件中

    ConstrainedBox(
constraints: BoxConstraints(maxWidth: 150.0, minHeight: 48.0),
child: Center(
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
border: Border.all(color: Colors.black),
),
child: SelectableText("Text"),
),
),
)

关于flutter - 如何在堆栈中缩小的容器中正确居中文本小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60565362/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com