您可以简单地使用所有样式创建一个样式组件......

import { StyleSheet } from "react-native"

export default StyleSheet.create({
   ...
})

然后在任何需要样式的视图上，只需要它......

import styles from "./Styles"

根据 ECMAScript 6，导出样式的正确方法是这样的。

样式.js

import {StyleSheet} from 'react-native'

export default StyleSheet.create({

container: {
    flex: 1,
    marginTop: 20
},
welcome: {
    textAlign: 'center'
}
});

然后在您的主 JS 文件中，您可以像这样导入。

import styles from './style'

是的你可以

• 首先创建一个文件名 style.js 并创建您想要的任何样式，如下例所示：

样式.js

module.exports = {

    "centerRowAligment":{
        flex: 1,
        backgroundColor:"#a22a5f",
        flexDirection: 'row',
        alignItems:"center"
    },
    "centerColumnAligment":{
        flex: 1,
        justifyContent: 'center',
        flexDirection: 'column',
        alignItems: 'center'
    }

}

然后在你的react文件中导入它

import styles from './style'

然后在渲染组件中使用它

   <View style={styles.centerRowAligment}></View>

这应该可以正常工作！

你可以试试我的项目rn-less。

它使用 less.js 将样式表与 jsx/js 文件隔离开来。

我有一个VS Code 扩展，你可以轻松地在 .less 文件和 .js/.jsx 文件之间跳转。