web-dev-qa-db-fra.com

Flutter Web n'affiche pas les icônes de conception de matériaux

J'ai commencé Flutter Web et je voulais ajouter des icônes à mon application Web Flutter, mais ses boîtes d'affichage à la place.

enter image description here

Toute aide est la bienvenue. Merci

dartflutterflutter-web
9
JideGuru

De référentiel flutter_web :

Remarque: une référence à MaterialIcons est intentionnellement omise car la police correspondante n'est pas incluse dans cette source.

Si vous ajoutez MaterialIcons-Extended.ttf dans ce répertoire, vous pouvez mettre à jour FontManifest.json comme suit:

[
  {
    "family": "MaterialIcons",
    "fonts": [
      {
        "asset": "MaterialIcons-Extended.ttf"
      }
    ]
  },
  {
    "family": "GoogleSans",
    "fonts": [
      {
        "asset": "GoogleSans-Regular.ttf"
      }
    ]
  },
  {
    "family": "GalleryIcons",
    "fonts": [
      {
        "asset": "GalleryIcons.ttf"
      }
    ]
  }
]

Solution/Contournement

Télécharger MaterialIcons-Regular.ttfici , placez-le dans votre dossier assets et mettez à jour votre FontManifest.json en conséquence.

7
Zerocchi

Selon cela vous pouvez directement ajouter des icônes de matériaux à FontManifest.json comme indiqué ci-dessous.

[
  {
    "family": "MaterialIcons",
    "fonts": [
      {
        "asset": "https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2"
      }
    ]
  }
]
9
Jithin Jude