Comment donner une altitude à une image dans le flutter?

Question

Je dois mettre en œuvre une élévation (comme une ombre) sur un widget Image, mais je n'ai pas pu trouver une solution à cela. Existe-t-il un moyen d'implémenter l'altitude à une image?

Un exemple d'image de ce que je veux supprimer:

J'ai utilisé le widget Material, mais il rend l'espace vide !! L'image d'origine n'a pas d'espaces, comment puis-je les supprimer?

Answer 1

Vous pouvez simplement utiliser le widget Material ou Card:

Center(
  child: Material( // with Material
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),
Center(
  child: Card( // with Card
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),

Si vous voulez plus de contrôle sur le Radius de l'image. Ensuite, vous pouvez utiliser CircleAvatar:

Center(
  child: Card(
    child: CircleAvatar(
      maxRadius: 54.0,
      backgroundImage:
          NetworkImage('https://placeimg.com/640/480/any'),
    ),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,
  ),
),