伙计们!我正在构建包含UI模式的React Native组件。该UI模式将包含几个较小的可重用模式。这样:
<ListItem onPress={}>
<IconContainer>
<Icon />
</IconContainer>
<Body>
<Text>Content</Text>
</Body>
<Right>
<Action onPress={} />
</Right>
<ListItem>
现在,我也正在为其中一些孩子构建嵌入尺寸变体(small
,medium/default
和large
),例如:
<IconContainer large={boolean} small={boolean}>
<Icon />
</IconContainer>
并且由于有几个孩子,所以我不想让使用组件的人为每个孩子指定大小变体。这也将要求他们知道哪个孩子有尺寸变化,哪个孩子没有尺寸变化。
因此,我想做的是将props.large
和props.small
嵌入父对象,并使用它们来更改同一prop
的de值(如果在孩子们。
任何有关如何以简单方式实现的想法? (我怀疑这很容易,但是我已经为此苦苦挣扎了一段时间,所以我想寻求帮助。)
谢谢!