import React, { PureComponent } from 'react';
import { StyleSheet, Text, View, Image, TouchableOpacity, StatusBar, ToastAndroid, TextInput } from 'react-native';
import BasePage from './BasePage';
import SplashScreen from 'react-native-splash-screen';
export default class Splash extends BasePage {
	state = {
		exist: false
	};
	render() {
		return (
			<View style={{ flex: 1 }}>
				<StatusBar backgroundColor={'transparent'} translucent={true} />
			</View>
		);
	}

	componentWillMount() {
		// global.storage.remove({ key: 'userInfo' });
		this.getUserInfo();
	}

	componentDidMount() {
		setTimeout(() => {
			SplashScreen.hide();
			if (this.state.exist) {
				this.clearPageToNext('MainPage');
			} else {
				this.clearPageToNext('Login');
			}
		}, 3000);
	}

	getUserInfo() {
		//判断是否有用户
		global.storage
			.load({
				key: 'userInfo'
			})
			.then((result) => {
				this.setState({
					exist: true
				});
			})
			.catch((err) => {
				console.log(err.message);
				switch (err.name) {
					case 'NotFoundError':
						// TODO;
						// alert('NotFoundError');
						this.setState({
							exist: false
						});
						break;
					case 'ExpiredError':
						// TODO
						// alert('ExpiredError');
						break;
				}
			});
	}
}