Logo do curso
Curso

React Native:

Dominando Listas com FlatList e ScrollView

Quero estudar na alura

4h

Para conclusão

5

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Compreender a importância da renderização eficiente de listas em aplicativos React Native
  • Implementar listas dinâmicas utilizando FlatList para otimizar desempenho
  • Utilizar ScrollView para exibir conteúdos extensos com rolagem fluida
  • Aplicar técnicas de otimização como keyExtractor e getItemLayout para listas grandes
  • Gerenciar estados e atualizações em listas sem comprometer a performance
  • Integrar carregamento infinito e pull-to-refresh em FlatList
  • Renderizar componentes complexos dentro de listas com segurança e eficiência
Antonio Rodrigues Carvalho Neto

Antonio Rodrigues Carvalho Neto

github

linkedin

Desenvolvedor e arquiteto de sistemas full stack, mobile e IoT, com mais de 12 anos de experiência em desenvolvimento e integração de sistemas, sendo 7 anos na IBM. Também sou professor na graduação dos curos de Analise e Desenvolvimento de Sistemas da FIAP e nas Fatecs Zona Leste, Itaquera e Carapicuíba. Sou mestre em gestão e tecnologia de sistemas produtivos, estou cursando doutorado na área de inteligência artificial, gosto de desafios e foco em resultados.

Curso atualizado em 31/03/2026

Ementa

  1. Renderização de Listas usando .map e ScrollView

    • Apresentação
    • Criar componente com lista de contatos
    • Fazer rolagem dos componentes
    • Criar componente usando programação funcional
  2. Extração da função de renderização, uso das keys e desvantagens do ScrollView

    • Atualizando elementos na tela
    • Refatorando o projeto
    • Desvantagens do Scrollview
  3. FlatList e atributos essenciais

    • Introdução ao Flatlist
    • Virtualização na renderização dos componentes
  4. Estilização no React Native

    • Estilizando elementos no FlatList
    • Grid no Flatlist
  5. Eventos e controle da posição no FlatList

    • Comportamentos com FlatList
    • Controle do Scroll
    • Fazendo chamada via API Rest
    • Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Mobile

Desenvolva aplicativos móveis para as principais plataformas, smartphones e tablets. Aqui, você vai construir para ambientes nativos, como Android ou iOS, e entregar apps incríveis, utilizando frameworks híbridos e multiplataforma, como Flutter.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React Native com esse e outros cursos, comece agora!

Conheça os Planos para Empresas