Flutter Web - некоторые файлы svg не отображаются на мобильном устройстве
У меня есть веб-приложение Flutter, и там, если я использую веб-браузер, например Google Chrome или Safari, даже если я могу изменить его размер до маленького, как на мобильном телефоне, я могу полностью увидеть изображение SVG.
С другой стороны (проблема начинается здесь), после того, как я открываю свое приложение через веб-сайт (я использую iPhone 13), изображение SVG не появляется.
Я попытался преобразовать SVG в JPEG, и это сработало, но мне нужна версия SVG.
Кстати, я использую популярный пакет flutter_svg.
Также обратите внимание, что я также использую другие файлы SVG, которые имеют меньший размер (например, 25 по высоте, 25 по ширине) и меньший размер (например, 10 КБ). Я могу видеть их все на своем мобильном телефоне, хотя они также являются файлами SVG.
Я попытался сделать SVG маленьким, и у него возникла проблема, даже если я сделаю это как 5 в ширину и 5 в высоту, я не смогу увидеть. Так что проблема не в ее размере. У меня нет проблем с переполнением.
Кроме того, что касается размеров, SVG составляет 900 КБ, с другой стороны, jpeg тоже примерно 900 КБ.
Наконец, все процессы контролируются в режиме выпуска, режиме отладки и режиме производства/действия (к сожалению, у меня там проблема).
Ответы 1
я решил это так
flutter clean
flutter pub get
flutter build web --web-renderer canvaskit --release --no-tree-shake-icons
flutter run -d chrome --web-renderer canvaskit