2019-06-25 22:16:14 +02:00
|
|
|
import React from 'react';
|
2019-06-28 11:35:15 +02:00
|
|
|
import {StyleProvider, Root, View} from 'native-base';
|
2019-06-25 22:20:24 +02:00
|
|
|
import AppNavigator from './navigation/AppNavigator';
|
|
|
|
import ThemeManager from './utils/ThemeManager';
|
|
|
|
import LocaleManager from './utils/LocaleManager';
|
|
|
|
import * as Font from 'expo-font';
|
2019-06-28 11:35:15 +02:00
|
|
|
// edited native-base-shoutem-theme according to
|
|
|
|
// https://github.com/GeekyAnts/theme/pull/5/files/91f67c55ca6e65fe3af779586b506950c9f331be#diff-4cfc2dd4d5dae7954012899f2268a422
|
|
|
|
// to allow for dynamic theme switching
|
|
|
|
import { clearThemeCache } from 'native-base-shoutem-theme';
|
2019-06-25 22:16:14 +02:00
|
|
|
|
2019-06-25 22:20:24 +02:00
|
|
|
export default class App extends React.Component {
|
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
LocaleManager.getInstance().initTranslations();
|
|
|
|
this.updateTheme = this.updateTheme.bind(this);
|
|
|
|
this.state = {
|
|
|
|
isLoading: true,
|
|
|
|
currentTheme: undefined,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
async componentWillMount() {
|
|
|
|
await Font.loadAsync({
|
|
|
|
'Roboto': require('native-base/Fonts/Roboto.ttf'),
|
|
|
|
'Roboto_medium': require('native-base/Fonts/Roboto_medium.ttf'),
|
|
|
|
});
|
|
|
|
ThemeManager.getInstance().setUpdateThemeCallback(this.updateTheme);
|
|
|
|
await ThemeManager.getInstance().getDataFromPreferences();
|
|
|
|
this.setState({
|
|
|
|
isLoading: false,
|
|
|
|
currentTheme: ThemeManager.getInstance().getCurrentTheme()
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
updateTheme() {
|
|
|
|
console.log('update theme called');
|
|
|
|
// Change not propagating, need to restart the app
|
2019-06-28 11:35:15 +02:00
|
|
|
this.setState({
|
|
|
|
currentTheme: ThemeManager.getInstance().getCurrentTheme()
|
|
|
|
});
|
|
|
|
clearThemeCache();
|
2019-06-25 22:20:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
if (this.state.isLoading) {
|
|
|
|
return <View/>;
|
|
|
|
}
|
|
|
|
console.log('rendering');
|
2019-06-28 11:35:15 +02:00
|
|
|
console.log(this.state.currentTheme.variables.containerBgColor);
|
2019-06-25 22:20:24 +02:00
|
|
|
return (
|
2019-06-28 11:35:15 +02:00
|
|
|
<Root>
|
|
|
|
<StyleProvider style={this.state.currentTheme}>
|
|
|
|
|
2019-06-27 10:17:51 +02:00
|
|
|
<AppNavigator/>
|
2019-06-28 11:35:15 +02:00
|
|
|
|
|
|
|
</StyleProvider>
|
|
|
|
</Root>
|
|
|
|
);
|
2019-06-25 22:20:24 +02:00
|
|
|
}
|
|
|
|
}
|