React Native - 元素的默认样式

Question

React Native 中有没有一种方法可以为标准元素设置样式，而无需为每个元素添加样式标签？例如，我想更改这些样式：

<Text>This is test</Text>
<Text>This is also text</Text>
<Text>And so is this</Text>

据我了解，说边距缩进的唯一方法是这样做：

<Text style={styles.indentText}>This is test</Text>
<Text style={styles.indentText}>This is also text</Text>
<Text style={styles.indentText}>And so is this</Text>

在普通的网站 CSS 中，您显然可以为所有 HTML 元素设置一些样式，而无需为其添加类或 ID。在 React Native 中是如何实现的？

Answer 1

你可以为它设置一个抽象层：

IndentedText = React.createClass({
  render: () {
    <Text style={styles.indentText}>{this.props.text}</Text>
  }
})

然后在你的其他组件中：

<IndentedText text={"This is a text"} />
<IndentedText text={"This is also a text"} />
<IndentedText text={"And so is this"} />