application-amicale/App.js

62 lines
1.9 KiB
JavaScript
Raw Normal View History

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');
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');
// 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
}
}