如何在颤振中将图标放在容器的右下边缘

Question

所以我有这样的设计：

我怎样才能在 Flutter 中实现这一目标？

Answer 1

您可能需要使用该Stack小部件：

Container(
  height: 150,
  width: 150,
  padding: const EdgeInsets.only(top: 10, left: 10),
  decoration: BoxDecoration(
    color: Colors.teal,
    borderRadius: BorderRadius.circular(15.0),
  ),
  child: Stack(
    children: const [
      Align(
        alignment: Alignment.topLeft,
        child: Text(
          "History",
          style: TextStyle(color: Colors.white, fontSize: 25),
        ),
      ),
      Align(
        alignment: Alignment.bottomRight,
        child: Icon(
          Icons.history,
          color: Colors.cyan,
          size: 75,
        ),
      ),
    ],
  ),
),