Cool Title Here
Início
Ensino
Ciência da Computação
Conceitos Matemáticos
Lógica Booleana
Grafos
Projetos
FreeIPA
LogoVM
τ
outros
Linux
Raspberry-Pi
Sobre
Procura
Tags
Desenvolvimento para Dispositivos Móveis
Interfaces utilizando listas.
Última ocorrência: 2023-09-22 em
Universidade LaSalle Canoas
Posts Relacionados
Instalação do ambiente de desenvolvimento React Native.
Instalação do React Native no Linux
Assunto
Interfaces utilizando listas
A maioria das aplicações para
celulares
utilizam listas.
Cada componente da lista pode ser visto como um
container
que é desenhado independentemente dos outros.
Listas com o React Native:
Listas simples:
FlatList
Listas divididas em seções:
SectionList
As listas do React Native são eficientes do ponto de vista de renderização, desenhando o mínimo de elementos necessários.
Alguns cuidados no uso de listas
A atualização não é automática.
A atualização dos dados do objeto que armazena os dados exibidos na lista não força a sua atualização.
É necessário o uso de um dado extra (
extraData
) para forçar a atualização dos dados.
Questões
Implementação
: Altere o exemplo com atualização para que seja possível remover um elemento.
Recursos para essa aula
Exemplo de
FlatList
com atualização
Exemplo de
FlatList
com
renderItem
customizado