flutter - 颤振定制设计形状

Question

我有这个想要编码的设计（如图所示），我尝试将形状制作为 svg 图片并将其放入容器中，但我认为这不是最好的方式，而且侧面也有边距即使我移除填充物也不会消失（如右图所示）

我的代码是：

Scaffold(
        body: SafeArea(
          child: SingleChildScrollView(
            child: Align(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [

                  Padding(
                    padding: EdgeInsets.all(SizeConfig.blockSizeHorizontal * 2),
                    child: buildLocalImage('assets/images/shape.svg'),
                  ),

标签： flutterwidgetmarginshapes

Answer 1

边距可能来自 SafeArea。由于您位于 Scaffold 的主体中，因此您可能不需要它。先尝试删除 SafeArea，然后再尝试自定义画家之类的东西。

此外，您可以使用类似flutter_svg的包将 SVG 形状嵌入到您的应用程序中。这允许您使用通常的拟合参数来定位形状。

要根据您的模型定位徽标，您必须将其堆叠在 SVG 背景上。为此使用堆栈小部件。