Flutter Image 不适合列或尺寸框

Question

我正在使用 pub dev packaged introduction_screen，但我在设置不同页面的样式时遇到了问题。

      title: "",
      bodyWidget: SizedBox(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              children: [
                Image.asset(
                  'images/FAQ/logo.png',
                ),
              ],
            ),
          ],
        ),
      ),
    ),

我认为它适合这个尺寸的盒子，但它超出了这个尺寸的盒子并且不会自动缩放到手机屏幕尺寸。

我也尝试过将 sizedBox 宽度设置为 double.infinity，但这也没有帮助。

Answer 1

问题是您将 Column with Row 作为子项。正如您可能知道的那样，Column 可以具有无限高度，Row 可以具有无限宽度，将它们都用作您的小部件的祖先可以为小部件提供无限高度和宽度。

我建议您使用

堆栈或中心小部件而不是 Column/Row 组合作为 Image.asset 或
如果您有其他小部件，请使用列 -> [展开 -> 行 -> [展开 -> Image.asset]]。您可以根据需要放置小部件。

Flutter Image 不适合列或尺寸框

Flutter Image not fitting to column or sized box

flutter

flutter-layout

flutter-image