107 - STACK Widget em FLUTTER

Pubblicato il: 16 luglio 2019
sul canale di: daves technology
544
16

Playlist: Curso Grátis de FLUTTER e DART Completo
   • Curso de FLUTTER e DART  

Pilha Stack

Use Stack para organizar widgets em cima de um widget base - geralmente uma imagem. Os widgets podem sobrepor completamente ou parcialmente o widget base.

Resumo (pilha)
Use para widgets que se sobrepõem a outro widget
O primeiro widget na lista de filhos é o widget base; filhos subseqüentes são sobrepostos no topo desse widget base
O conteúdo de uma pilha não pode rolar
Você pode optar por recortar crianças que excedam a caixa de renderização
Exemplos (pilha)
Imagem de avatar circular com um rótulo

Usa Stack para sobrepor um Container (que exibe seu Texto em um fundo preto translúcido) na parte superior de um CircleAvatar. O Stack desloca o texto usando a propriedade de alinhamento e os Alinhamentos.

Fonte do aplicativo: card_and_stack

Uma imagem com um gradiente cinza na parte superior

Usa Stack para sobrepor um gradiente ao topo da imagem. O gradiente garante que os ícones da barra de ferramentas sejam distintos em relação à imagem.

Código de dardos: contacts_demo.dart da galeria Flutter

content_copy
Widget _buildStack () =MAIOT Stack (
    alinhamento: const Alinhamento (0,6, 0,6),
    crianças: [
      CircleAvatar (
        backgroundImage: AssetImage ('images / pic.jpg'),
        raio: 100,
      )
      Recipiente(
        decoração: BoxDecoration (
          cor: Colors.black45,
        )
        criança: Texto (
          'Mia B',
          style: TextStyle (
            fontSize: 20,
            fontWeight: FontWeight.bold,
            cor: Colors.white,
          )
        )
      )
    ]
  );


In questa pagina del sito puoi guardare il video online 107 - STACK Widget em FLUTTER della durata di ore minuti seconda in buona qualità , che l'utente ha caricato daves technology 16 luglio 2019, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 544 volte e gli è piaciuto 16 spettatori. Buona visione!