index.js 1.54 KB
/**
 * Created by Cassie on 208/03/21.
 */
import React, { Component } from 'react';
import {
    StyleSheet,
    View
} from 'react-native';
import { StackNavigator, TabNavigator } 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',
            },
        }
    },
);

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

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

export default Index;