相关疑难解决方法(0)

Flutter:堆栈中的底部中心小部件

我想实现像这张照片。为简化起见,我创建了一个包含两个容器的堆栈。我想使用Align小部件将小容器的底部居中,但无法正常工作!它始终保持在顶部

Stack(
              overflow: Overflow.visible,
              children: <Widget>[
                Container(
                  width: MediaQuery.of(context).size.width,
                  height: 170,
                  decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(0),
                          bottomRight: Radius.circular(0))),
                  // child: Image.network(tutorImage),
                ),
                Align(
                  alignment: Alignment.bottomCenter,
                  child: Container(
                    width: 60,
                    height: 60,
                    color: Colors.black,
                  ),
                )
              ],
            ),
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

dart flutter flutter-layout

0
推荐指数
2
解决办法
2173
查看次数

标签 统计

dart ×1

flutter ×1

flutter-layout ×1