早上好。我正在尝试创建 this屏幕。两个问题:
1) 我无法将绿色水平线拉伸(stretch)到整个宽度。这是我的代码,或多或少:
Scaffold(
Stack(
Center(
Column(
...
),
),
Align(
alignment: Alignment.center,
child: Image(
image: AssetImage('assets/load_line.png'),
fit: BoxFit.fitWidth,
),
),
和this是我的代码给我的。好像某处有填充或边距,但我找不到。
2) 正如您在我的第一个屏幕截图中看到的那样,我需要 Logo 和水平线将一个放在另一个的顶部居中,但它们显然没有对齐。我想使用单个图像,但我担心拉伸(stretch)会毁了它。我该怎么做才能达到这个结果?
谢谢大家。
最佳答案
你可以试试这个。
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.green,
appBar: AppBar(title: Text("Title")),
body: Stack(
children: <Widget>[
Align(child: Image.asset("assets/images/profile.jpg")),
Align(child: Container(height: 1, color: Colors.black12)),
Align(
alignment: Alignment(0.0, 0.2),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text("Your first text here!"),
Text("Your second text here"),
Text("Your third text here!"),
],
),
)
],
),
);
}
输出
关于dart - 如何居中对齐堆叠元素,以及如何水平拉伸(stretch)一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55577375/