TaxControlApp/components/navigation/configure_navigation.js

import React, {Component} from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import configure from '../../page/configure/configure';
import invoice_product_list_add from '../../page/invoice/invoice_product_list_add';
import customer_list from '../../page/configure/customerInformation/customer_list';
import login from '../../page/login/login';
import forget_password from '../../page/login/forget_password';
import invoice_select_customer from '../../page/invoice/invoice_select_customer';
import enterprise_list from '../../page/configure/enterpriseInformation/enterprise_list';
import enterprise_edit from '../../page/configure/enterpriseInformation/enterprise_edit';
import enterprise_user from '../../page/configure/enterpriseInformation/enterprise_user';
import select_user from '../selectUser/select_user';
import enterprise_tax_rate from '../../page/configure/enterpriseInformation/enterprise_tax_rate';
import product_list_info from '../product/product_list_info';
import product_confirm from '../product/product_confirm';
import product_add_or_edit from '../../page/configure/productInfo/product_add_or_edit';
import tax_category_codes from '../../page/configure/productInfo/tax_category_codes';
import tax_category_detail from '../../page/configure/productInfo/tax_category_detail';
import product_list from '../../page/configure/productInfo/product_list';
import invoice_drawer from '../../page/configure/invoiceDrawer/invoice_drawer';
import invoice_drawer_add_or_edit from '../../page/configure/invoiceDrawer/invoice_drawer_add_or_edit';
import customer_add_or_edit from '../../page/configure/customerInformation/customer_add_or_edit';
import device_select from '../../page/configure/enterpriseInformation/device_select';
const TaxStack = createStackNavigator();

export default class configure_navigation extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <TaxStack.Navigator initialRouteName="tax_page">
        <TaxStack.Screen
          name="configure"
          component={configure}
          options={{
            title: '配置',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name={'invoice_product_list_add'}
          component={invoice_product_list_add}
          options={{
            title: '添加开票产品',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name={'invoice_select_customer'}
          component={invoice_select_customer}
          options={{
            title: '客户信息选择',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="customer_list"
          component={customer_list}
          options={{
            headerTitle: '客户信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="login"
          component={login}
          options={{
            title: '登录',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="forget_password"
          component={forget_password}
          options={{
            title: '密码修改',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="enterprise_list"
          component={enterprise_list}
          options={{
            title: '企业信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="enterprise_edit"
          component={enterprise_edit}
          options={{
            title: '企业信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="enterprise_user"
          component={enterprise_user}
          options={{
            title: '人员信息编辑',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="select_user"
          component={select_user}
          options={{
            title: '人员管理',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="enterprise_tax_rate"
          component={enterprise_tax_rate}
          options={{
            title: '可用税率编辑',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name={'product_list_info'}
          component={product_list_info}
          options={{
            headerTitle: '选择商品',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name={'product_confirm'}
          component={product_confirm}
          options={{
            headerTitle: '商品信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="product_list"
          component={product_list}
          options={{
            headerTitle: '商品信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="product_add_or_edit"
          component={product_add_or_edit}
          options={{
            title: '商品信息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
            headerTintColor: '#000000',
          }}
        />
        <TaxStack.Screen
          name="tax_category_codes"
          component={tax_category_codes}
          options={{
            title: '税收分类编码',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
        <TaxStack.Screen
          name="tax_category_detail"
          component={tax_category_detail}
          options={{
            title: '税收分类编码详情',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
        <TaxStack.Screen
          name="invoice_drawer"
          component={invoice_drawer}
          options={{
            title: '开票员管理',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
        <TaxStack.Screen
          name="invoice_drawer_add_or_edit"
          component={invoice_drawer_add_or_edit}
          options={{
            title: '开票员管理',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
        <TaxStack.Screen
          name="customer_add_or_edit"
          component={customer_add_or_edit}
          options={{
            title: '客户信息管理',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
        <TaxStack.Screen
          name="device_select"
          component={device_select}
          options={{
            title: '设备信息',
            headerTintColor: '#000000',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#ffffff',
              borderBottomWidth: 0,
            },
          }}
        />
      </TaxStack.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;
  }
}