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

时间:2016-03-30 09:54:58

标签: css react-native styling custom-view

我正在查看react-native-desktop,我想知道在使用某个组件时,我是否可以设置它,但我想使用CSS?我知道一个事实,NSSegmentedControl的样式并不容易,如果RN实际上允许您通过样式化组件来定制本机元素,那将会很惊讶。

如果没有,子类化如何与React Native一起使用?它是否可能,或者您只是限于看起来像本地的控件和视图。

1 个答案:

答案 0 :(得分:0)

react-native-desktop只是react-native的一个分支,因此样式与React Native中的样式相同。如果您不熟悉React Native以及它如何实现样式,它会使用" CSS-in-JS"做法。我在下面列出了一个示例样式对象。请阅读StylesReact Native Docs部分中的更多内容。

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