114 lines
4 KiB
JavaScript
114 lines
4 KiB
JavaScript
// @flow
|
|
|
|
import * as React from 'react';
|
|
import {Root, StyleProvider} from 'native-base';
|
|
import {createAppContainerWithInitialRoute} from './navigation/AppNavigator';
|
|
import ThemeManager from './utils/ThemeManager';
|
|
import LocaleManager from './utils/LocaleManager';
|
|
import * as Font from 'expo-font';
|
|
// 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';
|
|
import AsyncStorageManager from "./utils/AsyncStorageManager";
|
|
import CustomIntroSlider from "./components/CustomIntroSlider";
|
|
import {AppLoading} from 'expo';
|
|
import NotificationsManager from "./utils/NotificationsManager";
|
|
|
|
type Props = {};
|
|
|
|
type State = {
|
|
isLoading: boolean,
|
|
showIntro: boolean,
|
|
showUpdate: boolean,
|
|
currentTheme: ?Object,
|
|
};
|
|
|
|
export default class App extends React.Component<Props, State> {
|
|
|
|
state = {
|
|
isLoading: true,
|
|
showIntro: true,
|
|
showUpdate: true,
|
|
currentTheme: null,
|
|
};
|
|
|
|
constructor(props: Object) {
|
|
super(props);
|
|
LocaleManager.initTranslations();
|
|
}
|
|
|
|
/**
|
|
* Updates the theme and clears the cache to force reloading the app colors. Need to edit shoutem theme for ti to work
|
|
*/
|
|
updateTheme() {
|
|
this.setState({
|
|
currentTheme: ThemeManager.getCurrentTheme()
|
|
});
|
|
clearThemeCache();
|
|
}
|
|
|
|
/**
|
|
* Callback when user ends the intro. Save in preferences to avaoid showing back the introSlides
|
|
*/
|
|
onIntroDone() {
|
|
this.setState({
|
|
showIntro: false,
|
|
showUpdate: false,
|
|
});
|
|
AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showIntro.key, '0');
|
|
AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showUpdate1.key, '0');
|
|
}
|
|
|
|
async loadAssetsAsync() {
|
|
console.log('Starting loading assets...');
|
|
// Wait for custom fonts to be loaded before showing the app
|
|
await Font.loadAsync({
|
|
'Roboto': require('native-base/Fonts/Roboto.ttf'),
|
|
'Roboto_medium': require('native-base/Fonts/Roboto_medium.ttf'),
|
|
});
|
|
await AsyncStorageManager.getInstance().loadPreferences();
|
|
ThemeManager.getInstance().setUpdateThemeCallback(() => this.updateTheme());
|
|
await NotificationsManager.initExpoToken();
|
|
console.log(AsyncStorageManager.getInstance().preferences.expoToken.current);
|
|
}
|
|
|
|
onLoadFinished() {
|
|
// Only show intro if this is the first time starting the app
|
|
console.log('Finished loading');
|
|
this.setState({
|
|
isLoading: false,
|
|
currentTheme: ThemeManager.getCurrentTheme(),
|
|
showIntro: AsyncStorageManager.getInstance().preferences.showIntro.current === '1',
|
|
showUpdate: AsyncStorageManager.getInstance().preferences.showUpdate1.current === '1'
|
|
// showIntro: true
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Renders the app based on loading state
|
|
*/
|
|
render() {
|
|
if (this.state.isLoading) {
|
|
return (
|
|
<AppLoading
|
|
startAsync={() => this.loadAssetsAsync()}
|
|
onFinish={() => this.onLoadFinished()}
|
|
onError={console.warn}
|
|
/>
|
|
);
|
|
}
|
|
if (this.state.showIntro || this.state.showUpdate) {
|
|
return <CustomIntroSlider onDone={() => this.onIntroDone()} isUpdate={this.state.showUpdate && !this.state.showIntro}/>;
|
|
} else {
|
|
const AppNavigator = createAppContainerWithInitialRoute(AsyncStorageManager.getInstance().preferences.defaultStartScreen.current);
|
|
return (
|
|
<Root>
|
|
<StyleProvider style={this.state.currentTheme}>
|
|
<AppNavigator/>
|
|
</StyleProvider>
|
|
</Root>
|
|
);
|
|
}
|
|
}
|
|
}
|