Failed to find definition for url(#pattern0) : Flutter 2.8.1 - flutter

Question

After upgrade flutter with null safe i'm facing this error
'assets/images/bg111.svg',
height: MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
),```
Error:
════════ Exception caught by SVG ═══════════════════════════════════════════════
The following assertion was thrown while parsing AssetBundlePictureKey(bundle: PlatformAssetBundle#0293d(), name: "assets/images/bg111.svg", colorFilter: null) in _getDefinitionPaint:
Failed to find definition for url(#pattern0)

Answer 1

This occurs because you are using the element before defining it.
For me the solution was moving the entire defs tag and its content to immediately after the opening svg tag

Answer 2

Try below code hope its help to you. used flutter_svg: ^1.0.0 current version of svg dependency here.
Your widget:
SvgPicture.asset(
'assets/images/water.svg',
// height: MediaQuery.of(context).size.height,
// width: MediaQuery.of(context).size.width,
),
Your pubspec.yaml file
assets:
- assets/images/
Result screen->

Answer 3

As user #Mark Hardy said:
This arises in Android builds from a combination of:
Using compileSdkVersion 31,
With JDK8,
Having any Lambda style related code somewhere (else error may not happen).
The default android toolchains have moved to JDK11 now, you must use JDK11 when you change any of the Android API target versions from 30 to 31.
Semi duplicate of unrecognized Attribute name MODULE (class com.sun.tools.javac.util.SharedNameTable$NameImpl)

Answer 4

When using the Flutter SvgPicture package, I fall into the same problem.
I solve this issue by exporting the file from Figam as PDF and then converting the pdf file to SVG.
Here are the steps I follow:
Save as (.pdf) from Figma/Adobe XD.
Then go to Zamzar and convert the PDF file as SVG Image.
Use this image & Boom !!!
The problem is solved !!!

Answer 5

Bit late, but I had the same problem and fixed it by opening the svg and moving the ... to the top.