从子组件更改子组件的边距

时间:2018-02-23 11:06:17

标签: react-native react-redux styled-components

我学习反应原生,我使用样式组件 在react-native我知道可以制作一个具有某种风格的组件,而且父母可以添加一些额外的风格,如下所示:
Parent.js

<CardSection style={{ flexDirection: 'column' }}>

Child.js

<View style={[styles.containerStyle, props.style]} >

然后将flexDirection自动添加到parant中该元素的containerStyle中 无论如何在样式组件中有这样的东西吗?

1 个答案:

答案 0 :(得分:0)

您可以扩展样式以重用代码。但是这用于继承,你不能用div或类似的东西扩展按钮。

以下是更多信息: https://www.styled-components.com/docs/basics#extending-styles

我要做的是尝试正常的css继承,因为这将在SC中起作用。请在此处详细了解https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance