TaxBackApp/components/navigation/tax_navigation.js

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

import tax_message from '../../page/tax_message/tax_message';
import message_list from '../../page/tax_message/message_list';

// import preview_pdf from '../onlinePreviewPDF/preview_pdf';

// import invoice_application from '../../page/invoiceApplication/invoice_application';

// import sweep_code_invoice from '../../page/sweepCodeInvoice/sweep_code_invoice';
// import invoice_user from '../../page/invoice/invoice_user';

const TaxStack = createStackNavigator();

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

  render() {
    return (
      <TaxStack.Navigator initialRouteName="message_list">
        <TaxStack.Screen
          name="message_list"
          component={message_list}
          options={{
            title: '系统公告',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#1199EA',
            },
            headerTintColor: '#fff',
          }}
        />
        <TaxStack.Screen
          name="tax_message"
          component={tax_message}
          options={{
            title: '消息',
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#1199EA',
            },
            headerTintColor: '#fff',
          }}
        />

        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_customer_information'}*/}
        {/*  component={invoice_customer_information}*/}
        {/*  options={{*/}
        {/*    title: '开票确认',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_product_number'}*/}
        {/*  component={invoice_product_number}*/}
        {/*  options={{*/}
        {/*    title: '产品确认',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_product_list'}*/}
        {/*  component={invoice_product_list}*/}
        {/*  options={{*/}
        {/*    headerTitle: '产品列表',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerRight: () => (*/}
        {/*      <View style={{marginRight: 20}}>*/}
        {/*        <TouchableOpacity*/}
        {/*          onPress={() => {*/}
        {/*            this.props.navigation.navigate('invoice_product_list_add');*/}
        {/*          }}>*/}
        {/*          <Image*/}
        {/*            source={require('../../source/img/add.png')}*/}
        {/*            style={{height: 16, width: 16}}*/}
        {/*          />*/}
        {/*        </TouchableOpacity>*/}
        {/*      </View>*/}
        {/*    ),*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_product_list_add'}*/}
        {/*  component={invoice_product_list_add}*/}
        {/*  options={{*/}
        {/*    title: '添加开票产品',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_select_customer'}*/}
        {/*  component={invoice_select_customer}*/}
        {/*  options={{*/}
        {/*    title: '客户信息选择',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'preview_pdf'}*/}
        {/*  component={preview_pdf}*/}
        {/*  options={{*/}
        {/*    title: '发票在线查看',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_application'}*/}
        {/*  component={invoice_application}*/}
        {/*  options={{*/}
        {/*    title: '发票申领',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'sweep_code_invoice'}*/}
        {/*  component={sweep_code_invoice}*/}
        {/*  options={{*/}
        {/*    title: '扫码开票',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_head'}*/}
        {/*  component={invoice_head}*/}
        {/*  options={{*/}
        {/*    headerTitle: '待开抬头',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerRight: () => (*/}
        {/*      <View style={{marginRight: 20}}>*/}
        {/*        <TouchableOpacity*/}
        {/*          onPress={() => {*/}
        {/*            this.props.navigation.navigate('invoice_head', {*/}
        {/*              isShow: true,*/}
        {/*            });*/}
        {/*          }}>*/}
        {/*          <Image*/}
        {/*            source={require('../../source/img/search.png')}*/}
        {/*            style={{height: 16, width: 16}}*/}
        {/*          />*/}
        {/*        </TouchableOpacity>*/}
        {/*      </View>*/}
        {/*    ),*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_head_product_list'}*/}
        {/*  component={invoice_head_product_list}*/}
        {/*  options={{*/}
        {/*    headerTitle: '产品列表',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerRight: () => (*/}
        {/*      <View style={{marginRight: 20}}>*/}
        {/*        <TouchableOpacity*/}
        {/*          onPress={() => {*/}
        {/*            this.props.navigation.navigate('invoice_head_product_add');*/}
        {/*          }}>*/}
        {/*          <Image*/}
        {/*            source={require('../../source/img/add.png')}*/}
        {/*            style={{height: 16, width: 16}}*/}
        {/*          />*/}
        {/*        </TouchableOpacity>*/}
        {/*      </View>*/}
        {/*    ),*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_head_product_add'}*/}
        {/*  component={invoice_head_product_add}*/}
        {/*  options={{*/}
        {/*    title: '产品查询',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_head_product_number'}*/}
        {/*  component={invoice_head_product_number}*/}
        {/*  options={{*/}
        {/*    title: '产品信息填写',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name={'invoice_head_information'}*/}
        {/*  component={invoice_head_information}*/}
        {/*  options={{*/}
        {/*    title: '待开抬头开票信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="customer_information"*/}
        {/*  component={customer_information}*/}
        {/*  options={{*/}
        {/*    headerTitle: '客户信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerRight: () => (*/}
        {/*      <View style={{marginRight: 20}}>*/}
        {/*        <TouchableOpacity*/}
        {/*          onPress={() => {*/}
        {/*            this.props.navigation.navigate('customer_add');*/}
        {/*          }}>*/}
        {/*          <Image*/}
        {/*            source={require('../../source/img/add.png')}*/}
        {/*            style={{height: 20, width: 20}}*/}
        {/*          />*/}
        {/*        </TouchableOpacity>*/}
        {/*      </View>*/}
        {/*    ),*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="customer_add"*/}
        {/*  component={customer_add}*/}
        {/*  options={{*/}
        {/*    title: '新增客户信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="customer_edit"*/}
        {/*  component={customer_edit}*/}
        {/*  options={{*/}
        {/*    title: '编辑客户信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="customer_see"*/}
        {/*  component={customer_see}*/}
        {/*  options={{*/}
        {/*    title: '客户信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="login_head"*/}
        {/*  component={login_head}*/}
        {/*  options={{*/}
        {/*    title: '登录',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="forget_password"*/}
        {/*  component={forget_password}*/}
        {/*  options={{*/}
        {/*    title: '密码修改',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="invoice_qrcode_product_list"*/}
        {/*  component={invoice_qrcode_product_list}*/}
        {/*  options={{*/}
        {/*    headerTitle: '产品列表',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerRight: () => (*/}
        {/*      <View style={{marginRight: 20}}>*/}
        {/*        <TouchableOpacity*/}
        {/*          onPress={() => {*/}
        {/*            this.props.navigation.navigate(*/}
        {/*              'invoice_qrcode_product_list_add',*/}
        {/*            );*/}
        {/*          }}>*/}
        {/*          <Image*/}
        {/*            source={require('../../source/img/add.png')}*/}
        {/*            style={{height: 16, width: 16}}*/}
        {/*          />*/}
        {/*        </TouchableOpacity>*/}
        {/*      </View>*/}
        {/*    ),*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="invoice_qrcode_product_list_add"*/}
        {/*  component={invoice_qrcode_product_list_add}*/}
        {/*  options={{*/}
        {/*    title: '添加产品',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="invoice_qrcode_product_number"*/}
        {/*  component={invoice_qrcode_product_number}*/}
        {/*  options={{*/}
        {/*    title: '产品信息',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="invoice_qrcode"*/}
        {/*  component={invoice_qrcode}*/}
        {/*  options={{*/}
        {/*    title: '扫码',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
        {/*<TaxStack.Screen*/}
        {/*  name="invoice_user"*/}
        {/*  component={invoice_user}*/}
        {/*  options={{*/}
        {/*    title: '人员信息编辑',*/}
        {/*    headerTitleAlign: 'center',*/}
        {/*    headerStyle: {*/}
        {/*      backgroundColor: '#1199EA',*/}
        {/*    },*/}
        {/*    headerTintColor: '#fff',*/}
        {/*  }}*/}
        {/*/>*/}
      </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;
  }
}