把我的背景颜色转换成另一个js类

Transfering my background Color into a nother JS-Class

本文关键字：另一个 js 转换 我的 背景 颜色      更新时间：2023-09-26

我有一个带有login.js的React Native项目。在这个类我有几个视图等。这些视图使用在类中定义的样式表。现在我试图提取/转移背景颜色到一个"容器类"(value .js)，在那里我可以得到颜色(rgba)，并在我的login.js类中使用它。因为我这样做了，颜色不会显示任何东西了。它是纯白色的，而不是我定义的那种红色。

这是我的登录码:login.js 

var Values=require('../values/values');
...
<View style={styles.titleContainer}>
    <Text style={styles.titleText}>{Strings.login}</Text>
</View>
...
var styles = StyleSheet.create({
container: {
    flexDirection: 'column',
    flex: 1
},
bg: {
    position: 'absolute',
    left: 0,
    top: 0,
    width: windowSize.width,
    height: windowSize.height
},
titleContainer: {
    justifyContent: 'center',
    alignItems: 'center',
    flex: 0.15,
    backgroundColor: Values.Color.COLOR_NAVIGATION_BAR,
},
})

这就是我的"颜色容器/颜色集":values.js 

module.exports = {
API: [
    {
        //API
        API_BASE_URL: "",
        //LOCAL
        API_LOCAL_URL: "http://localhost:1986/",
    }],
Color: [
    {
        COLOR_NAVIGATION_BAR: 'rgba(163,63,59,1)',
        ......
        .....
    }],

我认为问题在于您使用的数组作为导出对象的API和颜色字段。导出的对象包含两个字段:API和Color，它们都是对象数组。如果你想引用颜色值，像这样就可以了:

Values.Color[0].COLOR_NAVIGATION_BAR

但这可能不是你真正想要的。您的定义很可能看起来像(注意，为了保持一致性，可能最好使用所有大写字母的颜色和值):

module.exports={
    API: {
        API_BASE_URL: "",
        ...
    },
    COLOR: {
        COLOR_NAVIGATION_BAR: 'rgba(163,63,59,1)',
        ...
    }
}

，你应该导入/引用它为:

var VALUES=require('../values/values');
....
backgroundColor: VALUES.COLOR.COLOR_NAVIGATION_BAR,
...
相关文章：