💮

Flutter Webで文字のフォントがおかしい、画像の表示も変なときにやること

🕣2022.02.06

Flutter Webでrunしてブラウザで見てみると、なんかフォントが違うし画像の表示もうまくいかない

という事がありました。

他の人の環境では発生している表示の不具合が自分の環境だけで発生しなかったり、逆に自分の環境だけで出ている不具合は他で見られなかったり。。

普段は flutter run -d web-server -t lib/main.dart で実行していましたが、なんかこれじゃダメそう。。

runするときのオプションの問題だった

flutter run -d web-server -t lib/main.dart --web-renderer html

—web-rendererオプションでhtmlを指定するとうまくいった。

このオプションはhtml以外にもCanvasKitというものが用意されているようです。

https://docs.flutter.dev/development/tools/web-renderers

CanvasKitも使ってみたいなぁ


Profile picture
homio