React Native : Modifier le style d'un composant tiers

Question

Je construis une application en utilisant React Native et j'essaie de modifier le style d'un composant tiers.

Il s'agit d'un composant Liste de React-Native-Elements https://react-native-training.github.io/react-native-elements/docs/lists.html

La documentation indique que le composant possède une propriété 'containerStyle' avec une variété de styles.

Comment puis-je écraser cette prop ?

Je tente de modifier la propriété marginTop à 0 (actuellement fixée à 20, conformément à la documentation).

    return (
     <List style={styles.containerStyle}>
       {
         list.map((item, i) => (
           <ListItem
             key={i}
             title={item.title}
             leftIcon={{ name: item.icon }}
           />
         ))
       }
     </List>
   );
   };

   const styles = StyleSheet.create({
     containerStyle: {
       marginTop: 0
     }
   });

Answer 1

Le composant Liste a une propriété avec le nom containerStyle pendant que vous passez un style propriété.

La façon correcte de l'utiliser pour passer :

containerStyle={styles.containerStyle}