nav bar title localization

project.private.config.json

@@ -3,6 +3,7 @@
   "projectname": "EVA-Notify",
   "setting": {
     "compileHotReLoad": true,
-    "urlCheck": false
+    "urlCheck": false,
+    "bigPackageSizeSupport": true
   }
 }

src/pages/TicketDetail/TicketDetail.tsx

@@ -2,14 +2,16 @@ import { Component, ReactNode } from 'react';
 import { View } from '@tarojs/components';
 import { getCurrentInstance } from '@tarojs/runtime';
 import Taro from '@tarojs/taro';
+import pt from '@/plain-text';
 
 export default class TicketDetail extends Component {
   state = {
     id: 0,
   };
   componentDidMount(): void {
+    const navBar = pt.get().navBar;
     Taro.setNavigationBarTitle({
-      title: '工单详情',
+      title: navBar.ticketDetail,
     });
     const { router } = getCurrentInstance();
     const id = router?.params.id;

src/pages/user/about/about.tsx

@@ -1,8 +1,15 @@
 import { Component, ReactNode } from 'react';
 import { View } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import pt from '@/plain-text';
 import './about.scss';
 
 export default class SettingsPage extends Component {
+  componentDidMount(): void {
+    Taro.setNavigationBarTitle({
+      title: pt.get().navBar.user.about,
+    });
+  }
   render(): ReactNode {
     return <View></View>;
   }

src/pages/user/inform/inform.tsx

@@ -14,6 +14,13 @@ export default class InformPage extends Component {
     isLoading: false,
     isDisable: false,
   };
+
+  componentDidMount(): void {
+    Taro.setNavigationBarTitle({
+      title: pt.get().navBar.user.inform,
+    });
+  }
+
   handleChangePhone(phone: string) {
     this.setState({
       phone: phone,

src/pages/user/member/member.tsx

@@ -14,6 +14,11 @@ export default class MemberPage extends Component {
     isLoading: false,
     isDisable: false,
   };
+  componentDidMount(): void {
+    Taro.setNavigationBarTitle({
+      title: pt.get().navBar.user.member,
+    });
+  }
   handleChangeStuid(stuid: string) {
     this.setState({
       stuid: stuid,

src/pages/user/myTicket/myTicket.tsx

@@ -69,6 +69,9 @@ export default class SettingsPage extends Component {
   };
 
   componentDidMount(): void {
+    Taro.setNavigationBarTitle({
+      title: pt.get().navBar.user.myTicket,
+    });
     Taro.request({
       url: getUrl('/user/mytickets'),
       method: 'GET',

src/pages/user/report/report.tsx

@@ -13,6 +13,13 @@ export default class SettingsPage extends Component {
     isLoading: false,
     isDisable: false,
   };
+
+  componentDidMount(): void {
+    Taro.setNavigationBarTitle({
+      title: pt.get().navBar.user.report,
+    });
+  }
+
   handleChange(report: string) {
     this.setState({
       report,

src/plain-text/NavBarTitle.ts

@@ -0,0 +1,32 @@
+export interface NavBarTitle {
+  ticketDetail: string;
+  user: {
+    myTicket: string;
+    report: string;
+    member: string;
+    inform: string;
+    about: string;
+  };
+}
+
+export const navBarTitleZhCh: NavBarTitle = {
+  ticketDetail: '工单详情',
+  user: {
+    myTicket: '我的工单',
+    report: '意见反馈',
+    inform: '我的信息',
+    about: '关于我们',
+    member: '协会成员登录',
+  },
+};
+
+export const navBarTitleEnUs: NavBarTitle = {
+  ticketDetail: 'Ticket Detail',
+  user: {
+    myTicket: 'My Tickets',
+    report: 'Report',
+    inform: 'Information',
+    about: 'About us',
+    member: 'Member login',
+  },
+};

src/plain-text/index.ts

@@ -8,6 +8,7 @@ import { AboutPageText, aboutPageEnUs, aboutPageZhCn } from './AboutPage';
 import { ButtonText, buttonEnUs, buttonZhCn } from './Button';
 import { MemberPageText, memberPageEnUs, memberPageZhCn } from './MemberPage';
 import { TicketListText, ticketListEnUs, ticketListZhCn } from './TicketList';
+import { NavBarTitle, navBarTitleEnUs, navBarTitleZhCh } from './NavBarTitle';
 
 interface TextRecord {
   pageFooter: PageFooterText;
@@ -20,6 +21,7 @@ interface TextRecord {
   button: ButtonText;
   memberPage: MemberPageText;
   ticketList: TicketListText;
+  navBar: NavBarTitle;
 }
 
 const textZhCn: TextRecord = {
@@ -33,6 +35,7 @@ const textZhCn: TextRecord = {
   button: buttonZhCn,
   memberPage: memberPageZhCn,
   ticketList: ticketListZhCn,
+  navBar: navBarTitleZhCh,
 };
 
 const textEnUs: TextRecord = {
@@ -46,6 +49,7 @@ const textEnUs: TextRecord = {
   button: buttonEnUs,
   memberPage: memberPageEnUs,
   ticketList: ticketListEnUs,
+  navBar: navBarTitleEnUs,
 };
 
 // type Lang = 'zh_CN' | 'en_US' | ...;