Como criar Background's Svg dentro do Flutter ?

Olá, Cleverton! Como você está? Espero que esteja tudo bem!

Primeiramente, parabéns pelo seu projeto de estudo em Flutter e por estar se aventurando em replicar o UI da semana front end da Alura. É uma ótima maneira de aprender e praticar.

Sobre a sua dúvida em relação ao background da tela, entendo que você está utilizando a classe CustomClipper para criar a forma e a linha verde no topo. Pelo print que você compartilhou, parece que a cor está sendo aplicada em todo o Container do Clip, ao invés de ser aplicada apenas na linha.

Uma possível solução para aplicar a cor exclusivamente na linha é utilizar a classe Paint. Você pode criar um objeto Paint e definir a cor desejada nele. Em seguida, no método paint do seu CustomClipper, você pode utilizar o objeto Paint para desenhar a linha com a cor definida.

Aqui está um exemplo de como você pode fazer isso:

class MyCustomClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    Path path = Path();
    // Desenhe a forma desejada aqui

    return path;
  }

  @override
  bool shouldReclip(covariant CustomClipper<Path> oldClipper) {
    return false;
  }

  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint();
    paint.color = Colors.green; // Defina a cor desejada aqui

    // Desenhe a linha com a cor definida
    canvas.drawLine(
      Offset(0, 0), // Ponto inicial da linha
      Offset(size.width, 0), // Ponto final da linha
      paint,
    );
  }
}

Dessa forma, a cor definida será aplicada apenas na linha, enquanto o restante do Container do Clip ficará inalterado.

Espero que essa solução te ajude a resolver o problema! Se tiver mais alguma dúvida, é só perguntar. Estou aqui para ajudar!

Espero ter ajudado e bons estudos!