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"} />

React Native - 元素的默认样式

1 个答案: