update to v11.2.5000

Author: DMGithubPublisher

README.md

@@ -17,14 +17,17 @@ There are two ways to use the Dynamsoft Barcode Reader React-Native SDK:
 
 ## Samples
 
-| Sample Name                                          | Description                                                                                                            |
-|------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------|
-| [ScanBarcodes_ReadyToUseComponent](ScanBarcodes_ReadyToUseComponent)| This sample illustrates the simplest way of using `Barcode Scanner API` to recognize barcodes from video streaming.    |
-| [ScanBarcodes_FoundationalAPI](ScanBarcodes_FoundationalAPI)| This sample illustrates the simplest way of using `Foundational API` to recognize barcodes from video streaming.       |
-| [ScanDriversLicense](ScanDriversLicense)| This sample illustrates how to scan drivers' license from video streaming.                                             |
+| Sample Name | Description |
+|-------------|-------------|
+| [ScanBarcodes_ReadyToUseComponent](ScanBarcodes_ReadyToUseComponent) | Demonstrates the quickest way to scan barcodes from live camera preview using the **Ready-to-Use Barcode Scanner component**, with minimal configuration required. |
+| [ScanBarcodes_FoundationalAPI](ScanBarcodes_FoundationalAPI) | Demonstrates how to scan barcodes from live camera preview using the **Foundational API**, providing full control over camera, processing pipeline, and barcode results. |
+| [ScanBarcodes_Expo](ScanBarcodes_Expo) | Demonstrates barcode scanning using the **Foundational API in an Expo (Bare) project**, showing how to integrate Dynamsoft Barcode Reader into an Expo-based workflow. |
+| [ScanDriversLicense](ScanDriversLicense) | Demonstrates how to recognize and extract information from drivers’ licenses in real-time video streaming. |
 
 ### How to build and run a sample
 
+#### For React Native CLI Samples
+
 1. Enter a sample folder that you want to try
 
 ```bash
@@ -107,6 +110,60 @@ This is one way to run your app — you can also run it directly from within And
 >- On iOS, in order to run the React Native app on a physical device you will need to install the [`ios-deploy`](https://www.npmjs.com/package/ios-deploy) library. Afterwards, you can run the react native app from the terminal as such `npx react-native run-ios --device` assuming it's the only device connected to the Mac.
 >- Alternatively on iOS, you can simply open the xcworkspace of the project found in the `ios` folder using Xcode and run the sample on your connected iOS device from there. The advantage that this offers is that it is easier to deal with the developer signatures for deployment in there.
 
+#### For Expo Sample
+
+1. Enter the Expo sample folder
+
+```bash
+cd ScanBarcodes_Expo
+```
+
+2. Install node modules
+
+```bash
+yarn install
+```
+
+or
+
+```bash
+npm install
+```
+
+3. Generate native projects
+
+Run the following command to generate the `android` and `ios` folders:
+
+```bash
+npx expo prebuild
+```
+
+4. Prepare iOS
+
+Install the necessary native frameworks from CocoaPods:
+
+```bash
+cd ios
+pod install
+cd ..
+```
+
+5. Build and Run
+
+- **Android**
+
+```bash
+npx expo run:android
+```
+
+- **iOS**
+
+```bash
+npx expo run:ios
+```
+
+> [!NOTE]
+> The application needs to run on a physical device rather than a simulator as it requires the use of the camera.
 
 ### How to use the new architecture of React Native (Optional)
 

ScanBarcodes_Expo/.gitignore

@@ -0,0 +1,43 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# generated native folders
+/ios
+/android
+
+*lock*

ScanBarcodes_Expo/App.tsx

@@ -0,0 +1,105 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import {
+  CameraEnhancer,
+  CameraView,
+  CaptureVisionRouter,
+  EnumPresetTemplate,
+  LicenseManager,
+} from 'dynamsoft-capture-vision-react-native';
+import React, {useEffect, useRef} from 'react';
+import {Alert, AppState, StyleSheet, View} from 'react-native';
+// Initialize the license.
+// The license string here is a trial license. Note that network connection is required for this license to work.
+// You can request an extension via the following link: https://www.dynamsoft.com/customer/license/trialLicense?product=dbr&utm_source=samples&package=react-native
+const License = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
+LicenseManager.initLicense(License).catch(e => {
+  Alert.alert('License error', e.message);
+});
+
+function App(): React.JSX.Element {
+  const cameraView = useRef<CameraView>(null!);
+  const cvr = CaptureVisionRouter.getInstance();
+  const camera = CameraEnhancer.getInstance();
+
+  useEffect(() => {
+    // Request camera permission once
+    CameraEnhancer.requestCameraPermission();
+
+    // Configure router, camera and view
+    cvr.setInput(camera);
+    camera.setCameraView(cameraView.current);
+
+    // Barcode result handler
+    const receiver = cvr.addResultReceiver({
+      onDecodedBarcodesReceived: ({items}) => {
+        if (items?.length) {
+          cvr.stopCapturing();
+          Alert.alert(
+            `Barcodes count: ${items.length}`,
+            items.map((barcode, i) => `${i + 1}. ${barcode.formatString}: ${barcode.text}`).join('\n\n'),
+            [
+              {
+                text: 'OK',
+                onPress: () => {
+                  cvr.startCapturing(EnumPresetTemplate.PT_READ_BARCODES)
+                    .catch(e => Alert.alert('Start error', e.message));
+                }
+              }
+            ]
+          );
+        }
+      },
+    });
+
+    // Helper to start camera + scanning
+    const startScanning = () => {
+      console.log('Starting...');
+      camera.open();
+      cvr.startCapturing(EnumPresetTemplate.PT_READ_BARCODES)
+        .catch(e => Alert.alert('Start error', e.message));
+    };
+
+    // Helper to stop camera + scanning
+    const stopScanning = () => {
+      console.log('Stopping...');
+      cvr.stopCapturing();
+      camera.close();
+    };
+
+    // Initial start when component mounts
+    startScanning();
+
+    // Listen to AppState changes
+    const sub = AppState.addEventListener('change', nextState => {
+      if (nextState === 'active') {
+        startScanning();
+      } else if (nextState.match(/inactive|background/)) {
+        stopScanning();
+      }
+    });
+
+    // Cleanup on unmount
+    return () => {
+      sub.remove();
+      stopScanning();
+      cvr.removeResultReceiver(receiver);
+      camera.setCameraView(null);
+    };
+  }, [cvr, camera]);
+
+  return (
+    <View style={StyleSheet.absoluteFill}>
+      <CameraView style={StyleSheet.absoluteFill} ref={cameraView}/>
+    </View>
+  );
+}
+
+export default App;
+
+

ScanBarcodes_Expo/app.json

@@ -0,0 +1,40 @@
+{
+  "expo": {
+    "name": "ScanBarcodes_FoundationalAPI_Expo",
+    "slug": "ScanBarcodes_FoundationalAPI_Expo",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "infoPlist": {
+        "NSCameraUsageDescription": "This app uses the camera to scan barcodes."
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "edgeToEdgeEnabled": true,
+      "predictiveBackGestureEnabled": false,
+      "permissions": ["android.permission.CAMERA"],
+      "package": "com.anonymous.ScanBarcodes_FoundationalAPI_Expo"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    },
+    "plugins": [
+      [
+        "dynamsoft-capture-vision-react-native"
+      ]
+    ]
+  }
+}

ScanBarcodes_Expo/assets/adaptive-icon.png

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

ScanBarcodes_Expo/assets/favicon.png

@@ -0,0 +1,24 @@
+{
+  "name": "scanbarcodes_foundationalapi_expo",
+  "version": "1.0.0",
+  "main": "index.ts",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "dynamsoft-barcode-reader-bundle-react-native": "^11.2.5000",
+    "dynamsoft-capture-vision-react-native": "^3.2.5001",
+    "expo": "~54.0.30",
+    "expo-status-bar": "~3.0.9",
+    "react": "19.1.0",
+    "react-native": "0.81.5"
+  },
+  "devDependencies": {
+    "@types/react": "~19.1.0",
+    "typescript": "~5.9.2"
+  },
+  "private": true
+}