LoginSignup
1
1

More than 1 year has passed since last update.

flutter webでMaterial Iconが5重のハンバーガーメニューみたいになる

Last updated at Posted at 2021-08-10

ハンバーガーメニューは通常3段だが...

スクショを撮り忘れたので再現できないが、リリースモードもしくはビルドでのみ、5段ぐらいのハンバーガーメニューになる。
普通のアイコンをハンバーガーだとするとこれはビッ○マック。

厄介なのはデバッグでは普通に表示されること。
しかも、全てのアイコンがビッ○マックになっている。

解決法

正しいかどうかはわからないが、FontManifest.jsonに

[
  {
    "family": "MaterialIcons",
    "fonts": [
      {
        "asset": "fonts/MaterialIcons-Regular.otf"
      }
    ]
  }
]

と書くことで解決した。

これはflutter build webでbuild/webに生成されるファイルの中にMaterialIcons-Regular.otfというファイルがあったからで、開発中は見えないのだが、これを直接指定してみたところ、、、

あら不思議!
解決してしまった。

アボカドワッパー食べたい。

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1