Flutter中使用^0.18.0版flutter_svg时如何调整SVG图片尺寸

推荐方案：使用组件内置尺寸参数 #

SvgPicture.asset 本身支持直接传入width、height顶层参数控制显示尺寸，无需嵌套额外组件，适配性最好。
直接修改原有代码如下即可生效：

body: SafeArea(
    child: Center(
      child: SvgPicture.asset(
        'assets/images/morelights.svg',
        width: 120, // 替换为实际需要的显示宽度
        height: 120, // 替换为实际需要的显示高度
      ),
    ),
  ),

• 插件默认遵循BoxFit.contain规则保持SVG原始纵横比，不会出现拉伸变形问题
• 显式传入的宽高优先级高于SVG文件本身的固有尺寸，不会被素材自带尺寸锁死

替代方案：父级容器约束尺寸 #

如果需要统一控制多个SVG的显示尺寸，或不想直接修改SVG组件配置，可在外层嵌套带固定尺寸的约束容器限制渲染范围：

body: SafeArea(
    child: Center(
      child: SizedBox(
        width: 120,
        height: 120,
        child: SvgPicture.asset('assets/images/morelights.svg'),
      ),
    ),
  ),

版本注意事项 #

0.18.0版本的宽高参数属于SvgPicture的直接入参，无需嵌套在其他配置对象中，直接在参数列表填写即可生效。

内容的提问来源于stack exchange，提问作者Phanindra