Изменить цвет импорта глобально

Question

Я использую глобально установленные цвета для своего собственного реактивного приложения, создавая Colors.js как:

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

И в моих компонентах я загружаю его с import Colors from '../Colors.js'

Теперь я хочу переключаться на моем экране настроек, который меняет глобальные цвета в Color.js. Однако я не могу понять, как. Я попытался сохранить значение с помощью response-native-asyn c -storage, а затем загрузить условные цвета, но это не сработало в компонентах.

Возможно ли это даже при реакции native?

Answer 1

Для этого вам нужно использовать глобальное состояние, такое как Redux. Определите свой цвет в магазине, и когда вы обновите магазин с помощью приставки, все приложение будет перерисовано.

Вот ссылка: https://redux.js.org/

Чтобы быстро проверить это, вы можете определить переменную в своем приложении. js компонент и использовать this.setState обновить его.