Summary

Keywords

stack flutter stack flutter flutter appbar stack flutter bottomnavigationbar stack flutter full stack flutter hybrid stack flutter listview stack overflow flutter navigation stack flutter new stack flutter page stack flutter print stack trace

Full Transcript

Playlist: Curso Grátis de FLUTTER e DART Completo https://www.youtube.com/playlist?list=PL5EmR7zuTn_aX0pG4oWTyKKQT25Hkq2XG 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, ) ) ) ] );