title: SvgPicture image rendering error in flutter
body: <p>im using svgPicture to show the image and every time at first it showing error and then it showing image.</p>
  
  <pre><code>SvgPicture.asset(
   'assets/Images/otpLogo.svg',
    height: SizeConfig.blockSizeVertical * 26,                      
  ),
  </code></pre>
  
  <p>and the error is </p>
  
  <p>══╡ EXCEPTION CAUGHT BY SVG ╞═══════════════════════════════════════════════════════════════════════
  I/flutter (18256): The following assertion was thrown in _getDefinitionPaint:
  I/flutter (18256): Failed to find definition for url(#paint0_linear)<br>
  I/flutter (18256): This library only supports  and xlink:href references that are defined ahead of their
  I/flutter (18256): references.
  I/flutter (18256): This error can be caused when the desired definition is defined after the element referring to it
  I/flutter (18256): (e.g. at the end of the file), or defined in another file.
  I/flutter (18256): This error is treated as non-fatal, but your SVG file will likely not render as intended</p>