Flutter 容器定位到右下角

Question

我有一个 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,
                            ),
                          ),
                        ),
                      )

当前视图

Answer 1

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

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

Answer 2

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

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

Flutter 容器定位到右下角

Flutter container to position bottom right

flutter

flutter-container