import React, {Component} from 'react';
import {createStackNavigator} from '@react-navigation/stack';

import personal_center from '../../page/personalCenter/personal_center';
import login from '../../page/login/login';
import forget_password from '../../page/login/forget_password';
import personal_information from '../../page/personalInformation/personal_information';
import enterprise_list from '../../page/enterpriseInfo/enterprise_list';
import customer_list from '../../page/configure/customerInformation/customer_list';
import change_nick_name from '../../page/personalInformation/change_nick_name';
import change_sex from '../../page/personalInformation/change_sex';
import change_company from '../../page/personalInformation/change_company';
import change_address from '../../page/personalInformation/change_address';
import change_phone from '../../page/personalInformation/change_phone';
import change_profiles from '../../page/personalInformation/change_profiles';
import app_update from '../update/app_update';
import about from '../../page/personalCenter/about';
import set from '../../page/personalCenter/set';
import service_handle from '../../page/member/service_handle';
import problem from '../../page/member/message/problem';
import agreement from '../../page/member/message/agreement';
import user_agreement from '../../page/login/user_agreement';

const Stack = createStackNavigator();
export default class personal_navigation extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <Stack.Navigator initialRouteName="personal_center">
        <Stack.Screen
          name="personal_center_page"
          component={personal_center}
          options={{
            title: '会员中心',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="about"
          component={about}
          options={{
            title: '关于',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="set"
          component={set}
          options={{
            title: '设置',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="login"
          component={login}
          options={{
            title: '登录',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="user_agreement"
          component={user_agreement}
          options={{
            title: '云票在线用户使用协议',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="forget_password"
          component={forget_password}
          options={{
            title: '密码修改',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="personal_information"
          component={personal_information}
          options={{
            title: '个人信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="customer_list"
          component={customer_list}
          options={{
            title: '个人信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="enterprise_list"
          component={enterprise_list}
          options={{
            title: '企业信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_nick_name"
          component={change_nick_name}
          options={{
            title: '昵称',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_sex"
          component={change_sex}
          options={{
            title: '性别',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_company"
          component={change_company}
          options={{
            title: '公司名称',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_address"
          component={change_address}
          options={{
            title: '地址信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_phone"
          component={change_phone}
          options={{
            title: '修改手机号码',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="change_profiles"
          component={change_profiles}
          options={{
            title: '简介',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="app_update"
          component={app_update}
          options={{
            title: '更新',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="service_handle"
          component={service_handle}
          options={{
            title: '服务办理',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="problem"
          component={problem}
          options={{
            title: '常见问题',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <Stack.Screen
          name="agreement"
          component={agreement}
          options={{
            title: '会员服务协议',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
      </Stack.Navigator>
    );
  }

  //判断导航栏是否显示
  shouldComponentUpdate(
    nextProps: Readonly<P>,
    nextState: Readonly<S>,
    nextContext: any,
  ): boolean {
    if (nextProps.route.state.index === 0) {
      this.props.navigation.setOptions({
        tabBarVisible: true,
      });
    }
    return true;
  }
}