0

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

                     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,
                            ),
                          ),
                        ),
                      )

目前看来

在此处输入图像描述

4

2 回答 2

0

第一件事是您需要调整边界半径以适应正确的大小(反转它们)。

第二个是你应该修改这个 Container 上面的 Stack 小部件,并将它的对齐属性设置为 Alignment。右上 !

于 2021-05-17T17:15:36.323 回答
0

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

Stack(
alignment: Alignment.topRight,
children: <Widget>[
 ...
 ],
)
于 2021-05-17T17:17:17.113 回答