我正在使用 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
}
});
最佳答案
List 组件有一个名为 containerStyle 的属性,而您正在传递一个 style 属性。
传递的正确使用方法:
containerStyle={styles.containerStyle}
关于javascript - react native : Change style prop of 3rd party component,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49476142/