List

List est un élément conçu pour contenir des Item en dehors d'une TableFlatList. Il permet de concevoir facilement des interfaces sectionnées.

Si la vue se compose essentiellement de List ou qu'il faut les sectionner, privilégiez le Layout TableFlatList

Usage

Pour utiliser List, il suffit de l'importer et d'y mettre du contenu. List applique automatiquement les séparations et le placement des items à l'intérieur.

List peut contenir autre chose que des Item, mais cet usage n'est pas recommandé.

example.

<List>
  {Array.from({ length: 10 }, (_, i) => (
    <Item key={i}>
      <Typography>
        Je suis l'item {i + 1}
      </Typography>
    </Item>
  ))}
</List>

Propriétés

disablePadding

Supprime le padding appliqué automatiquement aux éléments n'étant pas <Item />.

Type	Valeur par défaut
Booléen	false

radius

Bordure arrondie de la liste

Type	Valeur par défaut
Nombre	20

marginBottom

Marge inférieure appliquée au conteneur de la liste

Type	Valeur par défaut
Nombre	12

animated

Si l'élément doit s'animer automatiquement ou non (Layout Transitions)

Type	Valeur par défaut
Booléen	True

entering

Animation d'entrée de la liste (Reanimated.View)

Type
EntryOrExitAnimationType

exiting

Animation de sortie de la liste (Reanimated.View)

Type
EntryOrExitAnimationType