How to create these background circles and wave patterns in flutter?

Question

What is the best approach to create these background circles,wave patterns & namasthe symbol?

Answer 1

You are trying for widget called wave.

Code Snippet:

      Container(
  alignment: Alignment.center,
  margin:
    EdgeInsets.all(
      50
    ),
  height: 120,
  width: 200,
  child:
  WaveWidget(
    config: CustomConfig(
      gradients: [
        [Colors.red, Color(0xEEF44336)],
        [Colors.redAccent, const Color(0x77E57373)],
        [Colors.orange, Color(0x66FF9800)],
        [Colors.yellow, Color(0x55FFEB3B)]
      ],
      durations: [35000, 19440, 10800, 6000],
      heightPercentages: [0.20, 0.23, 0.25, 0.30],
      blur: MaskFilter.blur(BlurStyle.solid, 1),
      gradientBegin: Alignment.bottomLeft,
      gradientEnd: Alignment.topRight,
    ),

    waveAmplitude: 0,
    size: Size(
      100,
      100
    ),
  )
  ,
);

Read documentation for clear view:

https://pub.dev/packages/wave

Answer 2

实现这一目标的最佳方法是将它们作为图像导入名为 /assets 的文件夹中，并通过执行 Image.asset 使用它们