Question

我找不到实现此目标的当前方法。曾经是：

'use strict';

var React = require('react-native');
var { StyleSheet } = React;

module.exports = StyleSheet.create({

});

在一个单独的文件中，然后您将需要以下文件：

var styles = require('./styles');

但是那似乎不再起作用了？

Answer 1

在styles.js文件中，您可以

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
});

export default styles;

和其他文件

import styles from './styles';

Answer 2

您可以执行以下操作：

Style.js

import { StyleSheet } from 'react-native'; 

export default Style = StyleSheet.create({
    // your styles here 
    container: {
       flex: 1 
    }
});

然后使用以下命令导入StyleSheet：

import Style from 'PATH_TO_STYLE.js';

，然后您可以将其用于：

<View style={Style.container} />

React Native如何使用外部样式表文件

2 个答案: