2017-08-03 104 views
2

我已经定义上Color.js一些常量,但有些颜色是不确定的,当我把它在Screen.js出口常数变量反应本土

我用反应母语为这个项目0.45。下面是我写的代码:

Color.js

export const ATHENS_GRAY = '#EDEEF0'; 
export const AQUA_SPRING = '#F8FBFD'; 
export const BLACK = '#000000'; 
export const BRIGHT_TURQUOISE = '#1BC1F1'; 
export const CATSKILL_WHITE = '#E4ECF4'; 
export const FROLY = '#F68181'; 
export const FUN_BLUE = '#1B61AD'; 
export const HIT_GRAY = '#A3AEB9'; 
export const JUMBO = '#7C7D80'; 
export const LIMED_SPRUCE = '#3D474C'; 

Screen.js

import React, {Component} from 'react'; 
import { View, Text, FlatList, StyleSheet } from 'react-native'; 
import * as Color from './Color'; 

export default class Screen extends Component { 
    constructor(props) { 
    super(props); 
    console.log(Color.BRIGHT_TURQUOISE); 
    console.log(Color.FUN_BLUE); 
    } 

    render() { 
    return (<View/>) 
    } 
} 

中的console.log结果:

Color.BRIGHT_TURQUOISE是不确定的

Color.FUN_BLUE是'#1B61AD'

你有什么想法解决这个问题吗?

+1

我不认为没有错,也许在YPO? :( – btzr

+1

这就像有一个缓存,因为当我改变Color.js上的FUN_BLUE变量,就像导出常量FUN_BLUE ='#FFFFFF';值仍然是#1B61AD,我在iOS模拟器上运行我的应用程序,我有按Command + r刷新我的模拟器 – RobbyWH

+0

https://gist.github.com/jarretmoses/c2e4786fd342b3444f3bc6beff32098d – btzr

回答

2

我已经尝试使用react-native log-android, 我的终端上,并且这样获得这两个值:

enter image description here

或者,也许你可以尝试另一种方式来你们不断导出您Color.js这样:

module.exports = Object.freeze({ 
    ATHENS_GRAY : '#EDEEF0', 
    AQUA_SPRING : '#F8FBFD', 
    BLACK : '#000000', 
    BRIGHT_TURQUOISE : '#1BC1F1', 
    CATSKILL_WHITE : '#E4ECF4', 
    FROLY : '#F68181', 
    FUN_BLUE : '#1B61AD', 
    HIT_GRAY : '#A3AEB9', 
    JUMBO : '#7C7D80', 
    LIMED_SPRUCE : '#3D474C', 
}); 

而且你可以再次尝试:)

+0

也许问题是在我的iOS模拟器,它保持缓存 – RobbyWH

+1

你试图重新加载你的应用程序?或者你需要 –

+0

我按了Command + R,重启我的电脑,清理我的项目,重启服务器,但问题是一样的 – RobbyWH