Question

我看到的大多数示例都有多个styles.js文件。将所有定义保存在一个文件中是否有缺点（性能）？

显然，这样做的好处是在所有组件之间共享通用样式。

Answer 1

除非文件会影响性能，否则请导入，这就是为什么将某些库用作动态导入的原因，这对于大型模块（如摄像机辅助功能包和所有

）非常有用

如果应用程序较大，则导入包含所有样式的样式同样很糟糕，但是对于1-2屏幕这样的小型应用程序来说还可以

有关更多参考。 https://facebook.github.io/react-native/docs/performance#inline-requires

Answer 2

您可以创建任何const值文件，例如color，dimens和styles。这里是一个可以容纳所有样式的style.js示例：

var data = GetData(id, name, price);

然后您可以将其导入其他js文件：

import { StyleSheet } from 'react-native'
export default style = [

    st_1 = StyleSheet.create({
            subStyle_1 : {backgroundColor: 'red'},
            subStyle_2 : {backgroundColo: 'blue'}
    }),

    st_2 = StyleSheet.create({
            subStyle_1 : {backgroundColor: '#fff'},
            subStyle_2 : {backgroundColor: '#000'}
    }),
]

并这样称呼他们：

import my_styles from 'PATH_TO_STYLE.JS'

React Native应用程序中的单个styles.js文件-有什么缺点吗？

2 个答案: