index.js 2.31 KB
/**
 * Created by Cassie on 208/03/21.
 */
import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    NativeModules,
    AsyncStorage
} from 'react-native';
import {StackNavigator,TabNavigator,NavigationActions} from 'react-navigation';

import {getHeaderHeight,getHeaderPadding,getFooterBottom} from "./utils/utils";
import SignIn from "./pages/signIn";
import Register from "./pages/register";
import ForgetPwd from "./pages/forgetPwd";
import Home from "./pages/home";

const Navigator = StackNavigator(
    {
        // SignIn:{screen:SignIn},
        // Register:{screen:Register},
        // ForgetPwd:{screen:ForgetPwd},
        Home:{screen:Home}
    },
    {
        navigationOptions:{
            headerStyle:{
                paddingTop:getHeaderPadding(),
                height:getHeaderHeight(),
                backgroundColor:'#f8f8f8',
            },
            headerTitleStyle:{
                alignSelf:'center',
                alignItems:'center',
                justifyContent:'center',
                flexDirection:'column',
                color:'#000',
                fontSize:18,
                fontWeight:'bold',
            },
        }
    },
);

const defaultGetStateForAction = Navigator.router.getStateForAction;
Navigator.router.getStateForAction = (action,state) => {
    if(action.routeName && action.routeName == 'Home'){
        return defaultGetStateForAction(NavigationActions.reset({
            index: 0,
            actions: [
                NavigationActions.navigate({routeName: 'Home'})
            ]
        }))
    }else{
        return defaultGetStateForAction(action,state);
    }
};

export default class Index extends Component{
    constructor(props){
        super(props);
        this.state = {
            loading:false
        };
    };

    componentWillMount(){
        // NativeModules.BlueToolManage.getPhoneNumber().then((number) => {
        //     AsyncStorage.setItem('phoneNumber',number);
        //     this.setState({
        //         loading:false
        //     });
        // })
    };

    render() {
        return (
            <View style={styles.root}>
                {!this.state.loading && <Navigator />}
            </View>
        );
    }
}
const styles = StyleSheet.create({
    root:{
        flex:1,
        marginBottom:getFooterBottom(),
    }
});