Javascript 是否可以将var styles=StyleSheet.create从React.component分离到React native中的不同脚本中？

是否可以将var styles=StyleSheet.create从React.component分离到React native中的不同脚本中？

这是可能的。只需使用以下模式创建一个js文件：

'use strict';

var React = require('react-native');

var myStyles = React.StyleSheet.create({
   style1: { },
   style2: { }
)}

module.exports = myStyles;

然后在组件js中使用该样式表，例如，假设您的样式js文件名为phongyewtong.js

var s = require('../the/path/to/phongyewtong');

用法：

<View style = {s.style1} />

---

在最近的React版本（0.31）中，我使用了以下代码：

import React, { Component, PropTypes } from 'react';
import { StyleSheet } from 'react-native';

var styles = StyleSheet.create({
  ...
});

module.exports = styles;

---

以下两个链接都很好地解释了如何将样式移出“结构”代码：

基本上（从上面的链接复制代码片段#2）将您的样式放在单独的JS中，比如text.JS文件：

const text = StyleSheet.create({
    p: {
      color: 'black',
      fontFamily: 'Open Sans',
      fontSize: 14,
    },
    title: {
      fontWeight: 'bold',
      color: 'black',
      fontFamily: 'Open Sans',
      fontSize: 20,
    }
  });

export default text;

在React组件中，您可以简单地导入此文本样式，并直接使用它

<Text style={text.p}>settings</Text>

设置

---

希望这有帮助。

您如何导入它？它可以导入为（假设文件名为style.js）-从“./style”导入样式；