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

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)

Add your full image widget, and can you tell me are you used `flutter_svg` package? — Ravindra S. Patil, Jan 03 '22 at 12:23
```Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Stack( children: [ SvgPicture.asset( 'assets/images/bg111.svg', height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.width, ), Text("hello"),``` — Jogendra Singh, Jan 03 '22 at 12:56
See this, it solved my issue: https://stackoverflow.com/questions/61202925/svgpicture-image-rendering-error-in-flutter — Nomanur, Mar 01 '22 at 06:32
Does this answer your question? [How can I fix java.lang.AssertionError: annotationType(): unrecognized Attribute name MODULE?](https://stackoverflow.com/questions/69457372/how-can-i-fix-java-lang-assertionerror-annotationtype-unrecognized-attribute) — Bruno J., May 19 '22 at 10:56

score 6 · Answer 1 · answered Jan 22 '22 at 07:02

6

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

answered Jan 22 '22 at 07:02

IzyPro

73
5

score 1 · Answer 2 · answered Jan 16 '23 at 08:57

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 !!!

score 0 · Answer 3 · answered Jan 03 '22 at 13:08

0

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->

answered Jan 03 '22 at 13:08

Ravindra S. Patil

11,757
3
13
40

we have to maintain svg width/height ratio but is there any option to set like boxfit { BoxDecoration } Width. – Jogendra Singh Jan 04 '22 at 07:07
Try to add your SVG widget inside Container and set your width and height ratio to conatiner – Ravindra S. Patil Jan 04 '22 at 07:09
The argument type 'SvgPicture' can't be assigned to the parameter type 'ImageProvider – Jogendra Singh Jan 04 '22 at 07:22

score 0 · Answer 4 · answered May 19 '22 at 10:56

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)

score -2 · Answer 5 · answered Dec 13 '22 at 15:01

-2

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

answered Dec 13 '22 at 15:01

Zia Ullah

27
5

What "..." are you talking about? – Axes Grinds Feb 06 '23 at 18:30

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

5 Answers5