Curso de FLUTTER e DART - 105 - GridView em Flutter - Curso de Programação em Flutter e Dart

Playlist: Curso Grátis de FLUTTER e DART Completo https://www.youtube.com/playlist?list=PL5EmR7zuTn_aX0pG4oWTyKKQT25Hkq2XG GridView Use o GridView para lançar widgets como uma lista bidimensional. O GridView fornece duas listas pré-fabricadas ou você pode criar sua própria grade personalizada. Quando um GridView detecta que seu conteúdo é muito longo para caber na caixa de renderização, ele rola automaticamente. Resumo (GridView) Estabelece widgets em uma grade Detecta quando o conteúdo da coluna excede a caixa de renderização e fornece automaticamente rolagem Crie sua própria grade personalizada ou use uma das grades fornecidas: GridView.count permite que você especifique o número de colunas GridView.extent permite que você especifique a largura máxima de pixels de um bloco  Observação: ao exibir uma lista bidimensional em que é importante qual linha e coluna uma célula ocupa (por exemplo, é a entrada na coluna "caloria" da linha "abacate"), use Tabela ou DataTable. Exemplos (GridView) Uma grade de 3 colunas de fotos Usa GridView.extent para criar uma grade com blocos de até 150 pixels de largura. Fonte do aplicativo: grid_and_list Uma grade de 2 colunas com rodapés Usa GridView.count para criar uma grade com 2 blocos de largura no modo retrato e 3 blocos de largura no modo paisagem. Os títulos são criados definindo a propriedade footer para cada GridTile. Código de dardos: grid_list_demo.dart da galeria Flutter content_copy Widget _buildGrid () =MAIOR GridView.extent (     maxCrossAxisExtent: 150,     preenchimento: const EdgeInsets.all (4),     mainAxisSpacing: 4,     crossAxisSpacing: 4,     children: _buildGridTileList (30)); // As imagens são salvas com os nomes pic0.jpg, pic1.jpg ... pic29.jpg. // O construtor List.generate () permite uma maneira fácil de criar // uma lista quando os objetos possuem um padrão de nomenclatura previsível. Listar MENORContainerMAIOR _buildGridTileList (int count) =MAIOR List.generate (     Contar, (i) =MAIOR Container (child: Image.asset ('images / pic $ i.jpg')));