Question

我希望有一些类似于CSS的东西，你可以在其中为div提供'color'样式，其中的任何文本都会有它。

我在View组件中有多个Text组件，我希望它们都具有相同的文本颜色。

如果我将“颜色”样式传递给视图，则会发出警告。

我希望避免在父母可以拥有所有这些孩子的风格时将相同的风格传递给所有这些孩子。

我想从此开始：

<View>
  <Text style={styles.Warning}>
  </Text>
  <Text style={styles.Warning}>
  </Text>
  <Text style={styles.Warning}>
  </Text>
  <Text style={styles.Warning}>
  </Text>
  <Text style={styles.Warning}>
  </Text>
</View>

到此：

<View style={styles.Warning}>
  <Text>
  </Text>
  <Text>
  </Text>
  <Text>
  </Text>
  <Text>
  </Text>
  <Text>
  </Text>
</View>

样式为：

const styles = StyleSheet.create({
  Warning:{
    color:'#a94442'
  }
});

（如果我不需要安装任何东西会更好）谢谢。

Answer 1

是的，你绝对可以做同样的事情。您唯一缺少的是Text容器内的View容器。

示例：

<View>
 <Text style={{color:'red'}}>
   <Text>
     text1 // will inherit red color
   </Text>
   <Text>
     text2 // will inherit red color
   </Text>
 </Text>
</View>

有关详细信息，您还可以查看链接 https://facebook.github.io/react-native/docs/text.html#containers

如何使View元素的所有Text子项具有相同的样式？

1 个答案: