diff --git a/README.md b/README.md
index 9268413..d0ac70a 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ With this package, users can quickly and easily scan barcodes and QR codes with
 
 If you want to provide your React Native app the ability to read barcodes and QR codes, you should definitely give this package some thought.
 
-The `@pushpendersingh/react-native-scanner` package also includes a flashlight feature that can be turned on and off. This can be useful when scanning QR codes in low light conditions.
+The `@pushpendersingh/react-native-scanner` package also includes a flashlight feature that can be turned on and off. This can be useful when scanning QR codes & barcodes in low light conditions.
 
 ## Getting started
 
@@ -77,68 +77,162 @@ To use @pushpendersingh/react-native-scanner, `import` the `@pushpendersingh/rea
 Here is an example of basic usage:
 
 ```js
-import React, { useEffect, useState } from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import {
   Alert,
   Platform,
-  useWindowDimensions,
   Text,
-  SafeAreaView
+  SafeAreaView,
+  Button,
+  View,
+  StyleSheet,
 } from 'react-native';
 
-import { request, PERMISSIONS, openSettings, RESULTS } from 'react-native-permissions';
-import { ReactNativeScannerView } from "@pushpendersingh/react-native-scanner";
+import {
+  request,
+  PERMISSIONS,
+  openSettings,
+  RESULTS,
+} from 'react-native-permissions'; // For camera permission
+import {
+  Commands,
+  ReactNativeScannerView,
+} from '@pushpendersingh/react-native-scanner';
 
 export default function App() {
-
-  const { height, width } = useWindowDimensions();
-  const [isCameraPermissionGranted, setIsCameraPermissionGranted] = useState(false);
+  const scannerRef = useRef(null);
+  const [isCameraPermissionGranted, setIsCameraPermissionGranted] =
+    useState(false);
+  const [isActive, setIsActive] = useState(true);
+  const [scannedData, setScannedData] = useState(null);
 
   useEffect(() => {
     checkCameraPermission();
   }, []);
 
+  const handleBarcodeScanned = event => {
+    const {data, bounds, type} = event?.nativeEvent;
+    setScannedData({data, bounds, type});
+    console.log('Barcode scanned:', data, bounds, type);
+  };
+
+  // Pause the camera after barcode / QR code is scanned
+  const pauseScanning = () => {
+    if (scannerRef?.current) {
+      Commands.pauseScanning(scannerRef?.current);
+      console.log('Camera preview paused');
+    }
+  };
+
+  // Resume the camera after barcode / QR code is scanned
+  const resumeScanning = () => {
+    if (scannerRef?.current) {
+      Commands.resumeScanning(scannerRef?.current);
+      console.log('Camera preview resumed');
+    }
+  };
+
   const checkCameraPermission = async () => {
-    request(Platform.OS === 'ios' ? PERMISSIONS.IOS.CAMERA : PERMISSIONS.ANDROID.CAMERA)
-      .then(async (result: any) => {
-        switch (result) {
-          case RESULTS.UNAVAILABLE:
-            // console.log('This feature is not available (on this device / in this context)');
-            break;
-          case RESULTS.DENIED:
-            Alert.alert("Permission Denied", "You need to grant camera permission first");
-            openSettings();
-            break;
-          case RESULTS.GRANTED:
-            setIsCameraPermissionGranted(true);
-            break;
-          case RESULTS.BLOCKED:
-            Alert.alert("Permission Blocked", "You need to grant camera permission first");
-            openSettings();
-            break;
-        }
-      })
+    request(
+      Platform.OS === 'ios'
+        ? PERMISSIONS.IOS.CAMERA
+        : PERMISSIONS.ANDROID.CAMERA,
+    ).then(async (result: any) => {
+      switch (result) {
+        case RESULTS.UNAVAILABLE:
+          // console.log('This feature is not available (on this device / in this context)');
+          break;
+        case RESULTS.DENIED:
+          Alert.alert(
+            'Permission Denied',
+            'You need to grant camera permission first',
+          );
+          openSettings();
+          break;
+        case RESULTS.GRANTED:
+          setIsCameraPermissionGranted(true);
+          break;
+        case RESULTS.BLOCKED:
+          Alert.alert(
+            'Permission Blocked',
+            'You need to grant camera permission first',
+          );
+          openSettings();
+          break;
+      }
+    });
   };
 
   if (isCameraPermissionGranted) {
     return (
-      <SafeAreaView style={{ flex: 1 }}>
-        <ReactNativeScannerView
-          style={{ height, width }}
-          onQrScanned={(value: any) => {
-            console.log(value.nativeEvent);
-          }}
-        />
+      <SafeAreaView style={{flex: 1}}>
+        {isActive && (
+          <ReactNativeScannerView
+            ref={scannerRef}
+            style={styles.scanner}
+            onQrScanned={handleBarcodeScanned}
+            pauseAfterCapture={false} // Pause the scanner after barcode / QR code is scanned
+            isActive={isActive} // Start / stop the scanner using this prop
+          />
+        )}
+
+        <View style={styles.controls}>
+          <Button title="Pause Scanning" onPress={pauseScanning} />
+          <Button title="Resume Scanning" onPress={resumeScanning} />
+          <Button title="Stop Scanner" onPress={() => setIsActive(false)} />
+          <Button title="Restart Scanner" onPress={() => setIsActive(true)} />
+        </View>
+
+        {scannedData && (
+          <View style={styles.result}>
+            <Text style={styles.resultText}>
+              Scanned Data: {scannedData?.data}
+            </Text>
+            <Text style={styles.resultText}>Type: {scannedData?.type}</Text>
+            <Text style={styles.resultText}>
+              Bounds: {JSON.stringify(scannedData?.bounds)}
+            </Text>
+          </View>
+        )}
       </SafeAreaView>
     );
   } else {
     return (
-      <Text style={{ fontSize: 30, color: 'red' }}>
+      <Text style={{fontSize: 30, color: 'red'}}>
         You need to grant camera permission first
       </Text>
     );
   }
 }
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+    backgroundColor: '#fff',
+  },
+  scanner: {
+    flex: 1,
+  },
+  controls: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginVertical: 10,
+    flexWrap: 'wrap',
+    gap: 8,
+    marginHorizontal: 10,
+  },
+  result: {
+    marginTop: 16,
+    padding: 16,
+    backgroundColor: '#f9f9f9',
+    borderRadius: 8,
+  },
+  resultText: {
+    fontSize: 16,
+    marginVertical: 4,
+  },
+});
 ```
 
 </details>
@@ -280,11 +374,23 @@ export default function App() {
 
 #### `onQrScanned` (required)
 
-propType: `func.isRequired`
+propType: `function.isRequired`
 default: `(e) => (console.log('QR code scanned!', e))`
 
 In the event that a QR code or barcode is detected in the camera's view, this specified method will be called.
 
+#### `pauseAfterCapture` (required)
+propType: `boolean`
+default: `false`
+
+If set to `true`, the scanner will pause after capturing a QR code or barcode.
+
+#### `isActive` (required)
+propType: `boolean`
+default: `true`
+
+If set to `false`, the scanner will be disabled. This can be useful when you want to pause the scanner.
+
 ## Native Commands
 
 The `@pushpendersingh/react-native-scanner` package also includes a few native commands that can be used to control the camera and flashlight.
@@ -319,6 +425,26 @@ if(cameraRef.current) {
 }
 ```
 
+### `pauseScanning`
+
+This command is used to pause the scanning.
+
+```js
+if(cameraRef.current) {
+  Commands.pauseScanning(cameraRef.current);
+}
+```
+
+### `resumeScanning`
+
+This command is used to resume the scanning.
+
+```js
+if(cameraRef.current) {
+  Commands.resumeScanning(cameraRef.current);
+}
+```
+
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
diff --git a/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerView.kt b/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerView.kt
index 89799dd..71a3a4f 100644
--- a/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerView.kt
+++ b/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerView.kt
@@ -41,7 +41,7 @@ class ReactNativeScannerView(context: Context) :  LinearLayout(context) {
 
     private var isCameraRunning: Boolean = false
     private var pauseAfterCapture: Boolean = false
-    private var isActive: Boolean = false
+    private var isActive: Boolean = true
 
     companion object {
         private val REQUIRED_PERMISSIONS =
@@ -145,7 +145,7 @@ class ReactNativeScannerView(context: Context) :  LinearLayout(context) {
                 .addOnSuccessListener { barcodeList ->
                     if (barcodeList.isNotEmpty()) {
                         if (pauseAfterCapture) {
-                            pausePreview()
+                            pauseScanning()
                         }
 
                         val surfaceId = UIManagerHelper.getSurfaceId(reactApplicationContext)
@@ -247,14 +247,14 @@ class ReactNativeScannerView(context: Context) :  LinearLayout(context) {
         isActive = value
     }
 
-    fun pausePreview() {
+    fun pauseScanning() {
         if (isCameraRunning) {
             isCameraRunning = false
             mCameraProvider?.unbind(analysisUseCase)
         }
     }
 
-    fun resumePreview() {
+    fun resumeScanning() {
         if (!isCameraRunning) {
             isCameraRunning = true
 
diff --git a/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerViewManager.kt b/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerViewManager.kt
index 996627f..f975c19 100644
--- a/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerViewManager.kt
+++ b/android/src/main/java/com/pushpendersingh/reactnativescanner/ReactNativeScannerViewManager.kt
@@ -49,12 +49,12 @@ class ReactNativeScannerViewManager(private val mCallerContext: ReactApplication
     view?.releaseCamera()
   }
 
-  override fun pausePreview(view: ReactNativeScannerView?) {
-    view?.pausePreview()
+  override fun pauseScanning(view: ReactNativeScannerView?) {
+    view?.pauseScanning()
   }
 
-  override fun resumePreview(view: ReactNativeScannerView?) {
-    view?.resumePreview()
+  override fun resumeScanning(view: ReactNativeScannerView?) {
+    view?.resumeScanning()
   }
 
   override fun createViewInstance(reactContext: ThemedReactContext): ReactNativeScannerView {
diff --git a/example/App.tsx b/example/App.tsx
index 8d89372..529749f 100644
--- a/example/App.tsx
+++ b/example/App.tsx
@@ -1,10 +1,12 @@
-import React, {useEffect, useState} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import {
   Alert,
   Platform,
-  useWindowDimensions,
   Text,
   SafeAreaView,
+  Button,
+  View,
+  StyleSheet,
 } from 'react-native';
 
 import {
@@ -12,18 +14,45 @@ import {
   PERMISSIONS,
   openSettings,
   RESULTS,
-} from 'react-native-permissions';
-import {ReactNativeScannerView} from '@pushpendersingh/react-native-scanner';
+} from 'react-native-permissions'; // For camera permission
+import {
+  Commands,
+  ReactNativeScannerView,
+} from '@pushpendersingh/react-native-scanner';
 
 export default function App() {
-  const {height, width} = useWindowDimensions();
+  const scannerRef = useRef(null);
   const [isCameraPermissionGranted, setIsCameraPermissionGranted] =
     useState(false);
+  const [isActive, setIsActive] = useState(true);
+  const [scannedData, setScannedData] = useState(null);
 
   useEffect(() => {
     checkCameraPermission();
   }, []);
 
+  const handleBarcodeScanned = event => {
+    const {data, bounds, type} = event?.nativeEvent;
+    setScannedData({data, bounds, type});
+    console.log('Barcode / QR Code scanned:', data, bounds, type);
+  };
+
+  // Pause the camera after barcode / QR code is scanned
+  const pauseScanning = () => {
+    if (scannerRef?.current) {
+      Commands.pauseScanning(scannerRef?.current);
+      console.log('Scanning paused');
+    }
+  };
+
+  // Resume the camera after barcode / QR code is scanned
+  const resumeScanning = () => {
+    if (scannerRef?.current) {
+      Commands.resumeScanning(scannerRef?.current);
+      console.log('Scanning resumed');
+    }
+  };
+
   const checkCameraPermission = async () => {
     request(
       Platform.OS === 'ios'
@@ -57,20 +86,73 @@ export default function App() {
 
   if (isCameraPermissionGranted) {
     return (
-      <SafeAreaView style={{flex: 1}}>
-        <ReactNativeScannerView
-          style={{height, width}}
-          onQrScanned={(value: any) => {
-            console.log(value.nativeEvent);
-          }}
-        />
+      <SafeAreaView style={styles.container}>
+        {isActive && (
+          <ReactNativeScannerView
+            ref={scannerRef}
+            style={styles.scanner}
+            onQrScanned={handleBarcodeScanned}
+            pauseAfterCapture={false} // Pause the scanner after barcode / QR code is scanned
+            isActive={isActive} // Start / stop the scanner using this prop
+          />
+        )}
+
+        <View style={styles.controls}>
+          <Button title="Pause Scanning" onPress={pauseScanning} />
+          <Button title="Resume Scanning" onPress={resumeScanning} />
+          <Button title="Stop Scanner" onPress={() => setIsActive(false)} />
+          <Button title="Restart Scanner" onPress={() => setIsActive(true)} />
+        </View>
+
+        {scannedData && (
+          <View style={styles.result}>
+            <Text style={styles.resultText}>
+              Scanned Data: {scannedData?.data}
+            </Text>
+            <Text style={styles.resultText}>Type: {scannedData?.type}</Text>
+            <Text style={styles.resultText}>
+              Bounds: {JSON.stringify(scannedData?.bounds)}
+            </Text>
+          </View>
+        )}
       </SafeAreaView>
     );
   } else {
     return (
-      <Text style={{fontSize: 30, color: 'red'}}>
+      <Text style={styles.TextStyle}>
         You need to grant camera permission first
       </Text>
     );
   }
-}
\ No newline at end of file
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scanner: {
+    flex: 1,
+  },
+  controls: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginVertical: 10,
+    flexWrap: 'wrap',
+    gap: 8,
+    marginHorizontal: 10,
+  },
+  result: {
+    marginTop: 16,
+    padding: 16,
+    backgroundColor: '#f9f9f9',
+    borderRadius: 8,
+  },
+  resultText: {
+    fontSize: 16,
+    marginVertical: 4,
+  },
+  TextStyle: {
+    fontSize: 30,
+    color: 'red',
+  },
+});
diff --git a/example/ios/AwesomeProject.xcodeproj/project.pbxproj b/example/ios/AwesomeProject.xcodeproj/project.pbxproj
index 17acfe6..8373468 100644
--- a/example/ios/AwesomeProject.xcodeproj/project.pbxproj
+++ b/example/ios/AwesomeProject.xcodeproj/project.pbxproj
@@ -588,7 +588,10 @@
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)  ";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					" ",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
@@ -657,7 +660,10 @@
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)  ";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					" ",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
index dfe176c..6086237 100644
--- a/example/ios/Podfile.lock
+++ b/example/ios/Podfile.lock
@@ -7,7 +7,7 @@ PODS:
   - hermes-engine (0.76.0):
     - hermes-engine/Pre-built (= 0.76.0)
   - hermes-engine/Pre-built (0.76.0)
-  - pushpendersingh-react-native-scanner (1.2.0):
+  - pushpendersingh-react-native-scanner (1.3.0-beta.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1530,7 +1530,7 @@ PODS:
     - React-logger (= 0.76.0)
     - React-perflogger (= 0.76.0)
     - React-utils (= 0.76.0)
-  - RNPermissions (5.0.1):
+  - RNPermissions (5.2.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1767,7 +1767,7 @@ SPEC CHECKSUMS:
   fmt: 10c6e61f4be25dc963c36bd73fc7b1705fe975be
   glog: 08b301085f15bcbb6ff8632a8ebaf239aae04e6a
   hermes-engine: 9de51d2f67336348a6cd5b686330e436d1dbd522
-  pushpendersingh-react-native-scanner: 9e5c70bc11886148d7ad7344ddd346a16bdc3d19
+  pushpendersingh-react-native-scanner: 291ce06330a2587f043a83dc8a429e8a3e9a6186
   RCT-Folly: bf5c0376ffe4dd2cf438dcf86db385df9fdce648
   RCTDeprecation: 4c2c4a088b6f0ccfcbd53c9d5614b0238ad57909
   RCTRequired: 2d8a683a7848bc0baf5883f0792c1ac43f6267b5
@@ -1824,7 +1824,7 @@ SPEC CHECKSUMS:
   React-utils: d9624101245ebaab39c9f1bd786132da0b4f27ff
   ReactCodegen: dbfef1fef26f42c900bb1884fa149d49d501d64d
   ReactCommon: 429ca28cd813c31359c73ffac6dc24f93347d522
-  RNPermissions: 51591111b6ac2a7c7795acee3a4d3c66f89967a1
+  RNPermissions: a2215c93e4377ee4605de0fdfa68ebba153fd5a4
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: f8ec45ce98bba1bc93dd28f2ee37215180e6d2b6
 
diff --git a/example/package.json b/example/package.json
index c045e61..5ce7ce4 100644
--- a/example/package.json
+++ b/example/package.json
@@ -7,10 +7,11 @@
     "ios": "react-native run-ios",
     "lint": "eslint .",
     "start": "react-native start",
-    "test": "jest"
+    "test": "jest",
+    "xcode": "xed -b ios"
   },
   "dependencies": {
-    "@pushpendersingh/react-native-scanner": "^1.2.0",
+    "@pushpendersingh/react-native-scanner": "1.3.0-beta.2",
     "react": "18.3.1",
     "react-native": "0.76.0",
     "react-native-permissions": "^5.0.1"
diff --git a/ios/ReactNativeScannerView.mm b/ios/ReactNativeScannerView.mm
index 1fe3323..e9ab213 100644
--- a/ios/ReactNativeScannerView.mm
+++ b/ios/ReactNativeScannerView.mm
@@ -21,8 +21,8 @@ @implementation ReactNativeScannerView {
     AVCaptureMetadataOutput *_output;
     AVCaptureVideoPreviewLayer *_prevLayer;
     
-    BOOL pauseAfterCapture;
-    BOOL isActive;
+    BOOL pauseAfterCapture = NO; // Pause after capturing a barcode / or or not (default: NO)
+    BOOL isActive = YES; // Start the camera when the component is mounted (default: YES)
 }
 
 + (NSArray *)metadataObjectTypes
@@ -113,9 +113,9 @@ - (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:
     
     // pauseAfterCapture:
     // * Pause AVCaptureSession for further processing, after valid barcodes found,
-    // * Can be resumed back by calling resumePreview from the owner of the component
+    // * Can be resumed back by calling resumeScanning from the owner of the component
     if (pauseAfterCapture == YES && validBarCodes.count > 0) {
-        [self pausePreview];
+        [self pauseScanning];
     }
     
     for (AVMetadataObject *metadata in validBarCodes) {
@@ -175,9 +175,9 @@ - (void)setIsActive:(BOOL)active {
 
     // Enable/Disable Preview Layer
     if (isActive) {
-        [self resumePreview];
+        [self resumeScanning];
     } else {
-        [self pausePreview];
+        [self pauseScanning];
     }
 
     if (isActive == _session.isRunning) {
@@ -198,13 +198,6 @@ - (void)releaseCamera {
     if (_session != nil) {
       // Stop the session
       [_session stopRunning];
-
-      // Release the session, input, output, and preview layer
-//      _session = nil;
-//      _input = nil;
-//      _output = nil;
-//      _prevLayer = nil;
-        
     }
 }
 
@@ -234,13 +227,13 @@ - (void)disableFlashlight {
     }
 }
 
-- (void)pausePreview {
+- (void)pauseScanning {
     if ([[_prevLayer connection] isEnabled]) {
         [[_prevLayer connection] setEnabled:NO];
     }
 }
 
-- (void)resumePreview {
+- (void)resumeScanning {
     if (![[_prevLayer connection] isEnabled]) {
         [[_prevLayer connection] setEnabled:YES];
     }
diff --git a/package.json b/package.json
index ab44d98..f7a969b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pushpendersingh/react-native-scanner",
-  "version": "1.3.0-beta.1",
+  "version": "1.3.0-beta.2",
   "description": "A QR code & Barcode Scanner for React Native Projects.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
diff --git a/src/ReactNativeScannerViewNativeComponent.ts b/src/ReactNativeScannerViewNativeComponent.ts
index 61e715f..2441391 100644
--- a/src/ReactNativeScannerViewNativeComponent.ts
+++ b/src/ReactNativeScannerViewNativeComponent.ts
@@ -33,10 +33,10 @@ interface NativeCommands {
   releaseCamera: (
     viewRef: React.ElementRef<HostComponent<NativeProps>>
   ) => Promise<void>;
-  pausePreview: (
+  pauseScanning: (
     viewRef: React.ElementRef<HostComponent<NativeProps>>
   ) => void;
-  resumePreview: (
+  resumeScanning: (
     viewRef: React.ElementRef<HostComponent<NativeProps>>
   ) => void;
 }
@@ -44,7 +44,7 @@ interface NativeCommands {
 interface NativeProps extends ViewProps {
   pauseAfterCapture?: boolean;
   isActive?: boolean;
-  onQrScanned?: DirectEventHandler<Event>; // Event name should start with "on"
+  onQrScanned?: DirectEventHandler<Event>; // Event handler for QR code scanned
 }
 
 export const Commands = codegenNativeCommands<NativeCommands>({
@@ -52,8 +52,8 @@ export const Commands = codegenNativeCommands<NativeCommands>({
     'enableFlashlight',
     'disableFlashlight',
     'releaseCamera',
-    'pausePreview',
-    'resumePreview',
+    'pauseScanning',
+    'resumeScanning',
   ],
 });