Flutter Imagem Circular | Exemplo prático

Flutter Imagem Circular: A principio as Imagens circulares ficam bastante interessantes no flutter. Realmente, como estamos acostumados a vê-los em quase todos os lugares.

Sendo assim neste exemplo, vou mostrar apenas uma tela de imagem básico um círculo e um debaixo de texto e carregar a imagem de url com, se você está tentando carregar uma imagem de ativos, basta substituir NetworkImage com AssetImage , e vai fazer a coisa.

O código será algo parecido com isto

new Container(
      width: 190.0,
      height: 190.0,
      decoration: new BoxDecoration(
          shape: BoxShape.circle,
          image: new DecorationImage(
          fit: BoxFit.fill,
          image: new NetworkImage(
                 "https://i.imgur.com/BoN9kdC.png")
                 )
)),

E como parece

Flutter Imagem Circular
Flutter Imagem Circular

Fonte: medium.com

Deixe uma resposta