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

import {getHeaderPadding,getHeaderHeight,getFooterBottom} from "./utils/utils";

import SignIn from "./pages/signIn";
import Home from "./pages/home";

// const FirstPage = TabNavigator({
//     Home:{screen:Home}
// },{
//     tabBarPosition:'bottom'
// });

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

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

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