颤振堆栈对齐

Question

我正在尝试以自定义方式堆叠两个项目

必填：This is part of my dataset 当前：

这是我现在的代码

Stack(
      alignment: Alignment.center,
      children: [
        Icon(
          Icons.calendar_today_outlined,
          key: _reservationMadeNotificationIconKey,
          color: Colors.red,
        ),
        Icon(
          Icons.check,
          color: Colors.red,
        ),
      ],
    )

我知道我可以通过为第二个图标设置自定义大小和填充来实现它，但是当设备大小不同时这不会缩放，因为我希望图标根据设备缩放。

我怎样才能实现它在所有设备尺寸上都能工作。

Answer 1

您可以使用 Positioned 来控制小部件在堆栈中的位置。

Stack(
  alignment: Alignment.center,
  children: [
        Icon(
           Icons.calendar_today_outlined,
           key: _reservationMadeNotificationIconKey,
           color: Colors.red,
        ),
        Positioned(
           bottom: 3.0,
           child: Icon(
             Icons.check,
             color: Colors.red,
             size: 12.0,
           ),
        ),
   ],
),