全局更改颜色导入

时间:2020-01-20 21:23:41

标签: react-native colors themes

我通过创建Colors.js来为我的React Native应用程序使用gobally设置颜色:

export default {   
  primary: 'green',   
  accent: 'red'  
 }

在我的组件中,我使用import Colors from '../Colors.js'

加载它

现在,我想在设置屏幕中进行切换,以更改Color.js中的全局颜色。但是,我不知道如何。我试图用react-native-async-storage保存一个值,然后有条件地加载颜色,但这在组件中不起作用。

甚至可以通过本机反应吗?

1 个答案:

答案 0 :(得分:0)

为此,您必须使用全局状态,例如Redux。在商店中定义颜色,然后使用redux更新商店时,整个应用程序将重新呈现。

这里是链接:https://redux.js.org/

要快速对其进行测试,可以在app.js组件上定义一个变量,并使用this.setState对其进行更新。