Flutter Container Column 未正确对齐

Question

我只是想在Column 中添加几个Containers，但不知何故我无法正确对齐它们...这是我的设置：

child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              ShimmerContainer(
                height: 50,
                width: 200,
              ),
              ShimmerContainer(
                height: 50,
                width: 200,
              ),
              ShimmerContainer(
                height: 50,
                width: 200,
              )
            ],
          ),

不知何故，我的Containers 都在中心对齐。真正奇怪的是，如果我用Alignment.centerLeft all 将其中一个ShimmerContainers 包装在Align 中，其他容器也会向左对齐。我不知道为什么会这样。

这是我的ShimmerContainer：

class ShimmerContainer extends StatelessWidget {
  final double? height;
  final double? width;
  final double borderRadius;

  const ShimmerContainer({
    this.height,
    this.width,
    this.borderRadius = 0,
  });

  @override
  Widget build(BuildContext context) {
    return Shimmer.fromColors(
      baseColor: Colors.grey[200]!,
      highlightColor: Colors.white,
      child: Container(
        height: height != null ? height!.scaled : null,
        width: width != null ? width!.scaled : null,
        decoration: BoxDecoration(
          color: white,
          borderRadius: BorderRadius.circular(
            borderRadius,
          ),
        ),
      ),
    );
  }
}

Answer 1

您的代码输出 我添加了背景颜色以正确查看。

我认为你应该使用flutter clean 并再次运行。父母方面发生了其他错误。它解决了您的问题吗？