如何将样式默认设置为组件

Question

我在React Native中有一个嵌套。有没有办法告诉React Native为特定（或全部）视图元素内的所有嵌套文本元素设置样式？

<View style={[container.header,container.super]}><Text>overview</Text></View>

我不想声明style = {text.headerText}或类似于View元素内的每个Text元素。也许有类似的东西

.container.header>文本{ ... }

就像经典的.css中一样

Answer 1

一个选择可能是创建一个组件

function MyTextComponent(props) {
  return (<Text style={style.myTxtStyle}>{props.children}</Text>);
}

然后像这样使用MyTextComponent代替使用Text Component

<MyTextComponent>Some text</MyTextComponent>