106 – ListView em Flutter – Aprenda Flutter em Português – Curso Flutter Grátis
Playlist: Curso Grátis de FLUTTER e DART Completo
Aprenda Flutter em Português – Curso de Flutter Grátis
Exibição de lista
ListView, um widget semelhante a colunas, fornece automaticamente rolagem quando seu conteúdo é muito longo para sua caixa de renderização.
Resumo (ListView)
Uma coluna especializada para organizar uma lista de caixas
Pode ser colocado horizontalmente ou verticalmente
Detecta quando seu conteúdo não cabe e oferece rolagem
Menos configurável que a coluna, mas mais fácil de usar e suporta rolagem
Exemplos (ListView)
ListView contendo cinemas e restaurantes
Usa ListView para exibir uma lista de empresas usando ListTiles. Um Divider separa os teatros dos restaurantes.
Fonte do aplicativo: grid_and_list
ListView contendo tons de azul
Usa ListView para exibir as cores da paleta de material design para uma família de cores específica.
Código de dart: colors_demo.dart da galeria Flutter
content_copy
Widget _buildList () =MAIOR ListView (
crianças: [
_tile (‘CineArts no Império’, ’85 W Portal Ave’, Icons.theaters),
_tile (‘O Teatro Castro’, ‘429 Castro St’, Icons.theaters),
_tile (‘Cinema Alamo Drafthouse’, ‘2550 Mission St’, Icons.theaters),
_tile (‘Roxie Theatre’, ‘3117 16th St’, Icons.theaters),
_tile (‘United Artists Stonestown Twin’, ‘501 Buckingham Way’,
Icons.theaters),
_tile (‘AMC Metreon 16’, ‘135 4th St # 3000’, Icons.theaters),
Divisor(),
_tile (‘Kescaped_code # 39; s Kitchen’, 757 Monterey Blvd ‘, Icons.restaurant),
_tile (‘Emmyescaped_code # 39; s Restaurant’, ‘1923 Ocean Ave’, Icons.restaurant),
_telha(
‘Chaiya Thai Restaurant’, ‘272 Claremont Blvd’, Icons.restaurant),
_tile (‘La Ciccia’, ‘291 30th St’, Icons.restaurant),
]
);
ListTile _tile (título da string, subtítulo da string, ícone IconData) =MAIOR ListTile (
título: Texto (título,
style: TextStyle (
fontWeight: FontWeight.w500,
fontSize: 20,
)),
subtítulo: texto (subtítulo),
levando: Ícone (
ícone,
cor: Colors.blue [500],
)
);