javascript - react native : Change style prop of 3rd party component

Question

我正在使用 React Native 构建一个应用程序，并试图改变第 3 方组件的样式。

它是来自 React-Native-Elements 的 List 组件 https://react-native-training.github.io/react-native-elements/docs/lists.html

文档指出该组件有一个带有各种样式的“containerStyle” Prop 。

我如何覆盖这个 Prop ？

我正在尝试将 marginTop 属性更改为 0(根据文档，当前设置为 20)。

    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

List 组件有一个名为 containerStyle 的属性，而您正在传递一个 style 属性。

传递的正确使用方法:

containerStyle={styles.containerStyle}