颤动图像适合左侧和右侧的空间

Question

我有一个关于 flutter 图像的问题。我有一个 Column，里面有一个图像，我需要将它拉伸到全宽，但我做不到。屏幕末端的白色圆圈左右留有几个空格。我的代码中的错误语句在哪里？

谢谢，

home: Scaffold(
    backgroundColor: HexColor(primary),
    body: SafeArea(
      bottom: false,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          // Header text & Pawline image
          Row(
            ...
          ),
          // Banner image
          Row(...
          ),
          // Circle
          // TODO: Stretch circle image to the both ends
          Expanded(
            child: Image.asset(
              "assets/images/circle.png",
              fit: BoxFit.contain,
            ),
          ),
        ],
      ),
    ),
  ),
);

编辑：圆形图像：

Answer 1

尝试使用fit: BoxFit.fill

 Image.asset(
     "assets/images/circle.png",
     fit: BoxFit.fill,
     width: MediaQuery.of(context).size.width

Answer 2

您正在将特定尺寸的图像设置为更小的尺寸，这是导致您出现问题的原因。尝试删除 Expanded 小部件并将 Image's fit 设置为 fitWidth 并用 Expanded 包装小部件的其他部分，如横幅图像，以避免 RenderFlex overflowed 问题。