123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- // @flow
-
- import * as React from 'react';
- import {Platform, StatusBar} from 'react-native';
- import LocaleManager from './managers/LocaleManager';
- import AsyncStorageManager from "./managers/AsyncStorageManager";
- import CustomIntroSlider from "./components/Custom/CustomIntroSlider";
- import {SplashScreen} from 'expo';
- import ThemeManager from './managers/ThemeManager';
- import {NavigationContainer} from '@react-navigation/native';
- import {createStackNavigator} from '@react-navigation/stack';
- import DrawerNavigator from './navigation/DrawerNavigator';
- import {initExpoToken} from "./utils/Notifications";
- import {Provider as PaperProvider} from 'react-native-paper';
- import AprilFoolsManager from "./managers/AprilFoolsManager";
- import Update from "./constants/Update";
-
- type Props = {};
-
- type State = {
- isLoading: boolean,
- showIntro: boolean,
- showUpdate: boolean,
- showAprilFools: boolean,
- currentTheme: ?Object,
- };
-
- const Stack = createStackNavigator();
-
- export default class App extends React.Component<Props, State> {
-
- state = {
- isLoading: true,
- showIntro: true,
- showUpdate: true,
- showAprilFools: false,
- currentTheme: null,
- };
-
- onIntroDone: Function;
- onUpdateTheme: Function;
-
- constructor() {
- super();
- LocaleManager.initTranslations();
- this.onIntroDone = this.onIntroDone.bind(this);
- this.onUpdateTheme = this.onUpdateTheme.bind(this);
- SplashScreen.preventAutoHide();
- }
-
- /**
- * Updates the theme
- */
- onUpdateTheme() {
- this.setState({
- currentTheme: ThemeManager.getCurrentTheme()
- });
- this.setupStatusBar();
- }
-
- setupStatusBar() {
- if (Platform.OS === 'ios') {
- if (ThemeManager.getNightMode()) {
- StatusBar.setBarStyle('light-content', true);
- } else {
- StatusBar.setBarStyle('dark-content', true);
- }
- }
- }
-
- /**
- * Callback when user ends the intro. Save in preferences to avaoid showing back the introSlides
- */
- onIntroDone() {
- this.setState({
- showIntro: false,
- showUpdate: false,
- showAprilFools: false,
- });
- AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showIntro.key, '0');
- AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.updateNumber.key, Update.number.toString());
- AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showAprilFoolsStart.key, '0');
- }
-
- async componentDidMount() {
- await this.loadAssetsAsync();
- }
-
- async loadAssetsAsync() {
- // Wait for custom fonts to be loaded before showing the app
- await AsyncStorageManager.getInstance().loadPreferences();
- ThemeManager.getInstance().setUpdateThemeCallback(this.onUpdateTheme);
- await initExpoToken();
- this.onLoadFinished();
- }
-
- onLoadFinished() {
- // console.log("finished");
- // Only show intro if this is the first time starting the app
- this.setState({
- isLoading: false,
- currentTheme: ThemeManager.getCurrentTheme(),
- showIntro: AsyncStorageManager.getInstance().preferences.showIntro.current === '1',
- showUpdate: AsyncStorageManager.getInstance().preferences.updateNumber.current !== Update.number.toString(),
- showAprilFools: AprilFoolsManager.getInstance().isAprilFoolsEnabled() && AsyncStorageManager.getInstance().preferences.showAprilFoolsStart.current === '1',
- });
- // Status bar goes dark if set too fast
- setTimeout(this.setupStatusBar, 1000);
- SplashScreen.hide();
- }
-
- /**
- * Renders the app based on loading state
- */
- render() {
- if (this.state.isLoading) {
- return null;
- } else if (this.state.showIntro || this.state.showUpdate || this.state.showAprilFools) {
- return <CustomIntroSlider
- onDone={this.onIntroDone}
- isUpdate={this.state.showUpdate && !this.state.showIntro}
- isAprilFools={this.state.showAprilFools && !this.state.showIntro}
- />;
- } else {
- return (
- <PaperProvider theme={this.state.currentTheme}>
- <NavigationContainer theme={this.state.currentTheme}>
- <Stack.Navigator headerMode="none">
- <Stack.Screen name="Root" component={DrawerNavigator}/>
- </Stack.Navigator>
- </NavigationContainer>
- </PaperProvider>
- );
- }
- }
- }
|