React Native：更改 3rd 方组件的样式属性

Question

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

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

文档声明该组件具有“containerStyle”属性，具有多种样式。

如何覆盖这个道具？

我正在尝试将 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}