fixbug:all->[demo]->Rjdd-3923->【TF2/DS2】【React Native】进入测试APK，选择print Self Checking测试，切换语言在切换回来，APK 闪退

Rjdd-3924->【TF2/DS2】【React Native】应用缺少单行走纸，多行走纸测试项
Rjdd-3928->【TF2/DS2】【React Native】测试print barCode 条码设置项缺少
解决方案：NA
影响范围：all
关联工单：NA
更新版本：NA

Author: iminsoftware

example/android/app/src/main/java/com/printeriminexample/MainActivity.java

@@ -1,5 +1,9 @@
 package com.printeriminexample;
 
+import android.os.Bundle;
+
+import androidx.annotation.NonNull;
+
 import com.facebook.react.ReactActivity;
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
@@ -16,6 +20,11 @@ protected String getMainComponentName() {
     return "PrinterIminExample";
   }
 
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+    super.onCreate(null);
+  }
+
   /**
    * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
    * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React
@@ -29,4 +38,9 @@ protected ReactActivityDelegate createReactActivityDelegate() {
         // If you opted-in for the New Architecture, we enable the Fabric Renderer.
         DefaultNewArchitectureEntryPoint.getFabricEnabled());
   }
+
+  @Override
+  protected void onSaveInstanceState(@NonNull Bundle outState) {
+    super.onSaveInstanceState(outState);
+  }
 }

example/package.json

@@ -16,6 +16,7 @@
     "react": "18.2.0",
     "react-native": "0.72.6",
     "react-native-buffer": "^6.0.3",
+    "react-native-localize": "1.4.0",
     "react-native-safe-area-context": "^4.7.3",
     "react-native-screens": "^3.29.0",
     "react-native-svg": "^13.14.0"

example/src/App.tsx

@@ -8,7 +8,9 @@ import PrinterInfoPage from './views/v2/PrinterInfo';
 import CashBoxInfoPage from './views/v2/CashBoxInfo';
 import TransactionPage from './views/v2/Transaction';
 import PrintTextPage from './views/v2/PrintText';
+import PrintBarCodePage from './views/v2/PrintBarCode';
 import HomePage from './views/v1';
+import { LanguageProvider, LanguageContext } from './LanguageContext';
 const Stack = createNativeStackNavigator();
 export default function App() {
   const [printerStatus, setPrinterStatus] = React.useState<{
@@ -30,7 +32,10 @@ export default function App() {
   console.log('version:', PrinterImin.version);
   return (
     <Provider>
-      <NavigationContainer>
+    <LanguageProvider>
+      <LanguageContext.Consumer>
+       {({ language }) => (
+       <NavigationContainer key={language} >
         <Stack.Navigator initialRouteName="Home">
           {PrinterImin.version === '2.0.0' ? (
             <>
@@ -50,6 +55,7 @@ export default function App() {
               <Stack.Screen name="CashBoxInfo" component={CashBoxInfoPage} />
               <Stack.Screen name="Transaction" component={TransactionPage} />
               <Stack.Screen name="PrintText" component={PrintTextPage} />
+              <Stack.Screen name="PrintBarCode" component={PrintBarCodePage} />
             </>
           ) : (
             <Stack.Screen
@@ -60,6 +66,9 @@ export default function App() {
           )}
         </Stack.Navigator>
       </NavigationContainer>
+      )}
+      </LanguageContext.Consumer>
+     </LanguageProvider>
     </Provider>
   );
 }

example/src/LanguageContext.tsx

@@ -0,0 +1,52 @@
+// src/LanguageContext.tsx
+import React, { createContext, useState, useEffect } from 'react';
+import * as RNLocalize from 'react-native-localize';
+import { AppState, AppStateStatus } from 'react-native';
+
+interface LanguageContextProps {
+  language: string;
+  changeLanguage: (lng: string) => void;
+}
+
+export const LanguageContext = createContext<LanguageContextProps>({
+  language: 'en',
+  changeLanguage: () => {},
+});
+
+export const LanguageProvider: React.FC = ({ children }) => {
+  const [language, setLanguage] = useState(RNLocalize.getLocales()[0].languageCode);
+
+  useEffect(() => {
+    const handleLocalizationChange = () => {
+      const localization = RNLocalize.getLocales()[0];
+      setLanguage(localization.languageCode);
+    };
+
+    const handleAppStateChange = (nextAppState: AppStateStatus) => {
+      if (nextAppState === 'active') {
+        handleLocalizationChange();
+      }
+    };
+
+    // 监听应用状态变化
+    const subscription = AppState.addEventListener('change', handleAppStateChange);
+
+    // 初始化时立即执行一次
+    handleLocalizationChange();
+
+    // 清理事件监听器
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
+  const changeLanguage = (lng: string) => {
+    setLanguage(lng);
+  };
+
+  return (
+    <LanguageContext.Provider value={{ language, changeLanguage }}>
+      {children}
+    </LanguageContext.Provider>
+  );
+};

example/src/views/v2/PrintText.tsx

@@ -41,7 +41,7 @@ export default function PrintText() {
               <TextInput
                 type="textarea"
                 value={textValue}
-                placeholder="Please enter ..."
+                placeholder="Please enter "
                 bordered
                 maxLength={1000}
                 showWordLimit
@@ -55,7 +55,7 @@ export default function PrintText() {
               <TextInput
                 value={letterSpacing}
                 onChange={(value) => setLetterSpacing(value)}
-                placeholder="Please enter ..."
+                placeholder="Please enter "
                 textAlign="right"
               />
             }
@@ -66,7 +66,7 @@ export default function PrintText() {
               <TextInput
                 value={lineHeight}
                 onChange={(value) => setLineHeight(value)}
-                placeholder="Please enter ..."
+                placeholder="Please enter "
                 textAlign="right"
               />
             }
@@ -77,7 +77,7 @@ export default function PrintText() {
               <TextInput
                 value={fontSize}
                 onChange={(value) => setFontSize(value)}
-                placeholder="Please enter ..."
+                placeholder="Please enter "
                 textAlign="right"
               />
             }