使用 React Native 时可以设置原生元素的样式吗？

【问题标题】：Can I style native elements when using React Native?使用 React Native 时可以设置原生元素的样式吗？
【发布时间】：2016-03-30 09:54:57
【问题描述】：

我正在查看react-native-desktop，我想知道在使用组件时是否可以设置样式但我想使用 CSS？我知道为 NSSegmentedControl 设置样式远非易事，如果 RN 实际上允许您通过设置组件样式来自定义原生元素，我会感到惊讶。

如果不是，子类化如何与 React Native 一起工作？是否有可能，或者您只是仅限于本地外观的控件和视图。

【问题讨论】：

标签： css react-native styling custom-view

【解决方案1】：

react-native-desktop 只是react-native 的一个分支，因此样式的工作方式与它们在 React Native 中的工作方式相同。如果你不熟悉 React Native 以及它如何实现样式，它使用“CSS-in-JS”方法。我在下面包含了一个示例样式对象。在React Native Docs 的Styles 部分阅读更多内容。

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  image: {
    width: 200,
    height: 100,
  },
  background: {
    backgroundColor: '#c6c6c6',
  },
  active: {
    borderWidth: 2,
    borderColor: '#0077CC',
  },
});

【讨论】：