Flutter 容器定位到右下角

问题描述

我有一个颤振容器（紫色的趋势文本），它现在位于左上。我想知道我应该做哪些代码更改来定位容器右下？

                     Container(
                        height: 25.0,width: MediaQuery.of(context).size.width * 0.25,margin: const EdgeInsets.all(8.0),decoration: Boxdecoration(
                          color: Theme.of(context).primaryColor,borderRadius: BorderRadius.only(
                            topLeft: Radius.circular(12.0),bottomright: Radius.circular(12.0),),alignment: Alignment.center,child: Shimmer.fromColors(
                          baseColor: Colors.white60,highlightColor: Colors.white,period: Duration(milliseconds: 1000),child: Text(
                            'Trending',maxLines: 1,overflow: TextOverflow.ellipsis,style: GoogleFonts.poppins(
                              color: Colors.white.withOpacity(0.9),fontSize: 13.0,fontWeight: FontWeight.w500,)

当前视图

解决方法

首先，您需要将边框半径调整为合适的大小（反转它们）。

第二个是修改这个Container上面的Stack小部件，设置它的alignment属性为Alignment。右上角！

,

将您的图像和文本包裹在 Stack 中并设置所需的对齐方式。

Stack(
alignment: Alignment.topRight,children: <Widget>[
 ...
 ],)