この記事は、【 可茂IT塾 Advent Calendar 2021 】の6日目の記事です。 FultterでSVG画像を表示した際に黒潰れになってしまうことがあります。 原因と対処法を紹介します。 VersionFlutter 2.5.2 Dart 2.14.3 flutter_svg: ^1.0.0原因使用したSVGにstyleタグが含まれているから。flutter_svgパッケージはstyleタグに対応していないらしいです。 twitter_logo_blue.svg<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Logo"
![【Flutter】SVG画像が黒くなってしまうことの対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/37e716a3c3433377548a0ed88ae82933ba64a303/height=288;version=1;width=512/https%3A%2F%2Fwww.kamo-it.org%2Fassets%2Fblog%2Fflutter-svg-black%2Fmain.jpg)