Merge pull request #216 from Peersyst/rnc/fix/qr-scanner-status-bar

Rnc/fix/qr scanner status bar
Peersyst · Feb 9, 2024 · c7697c4 · c7697c4
2 parents 0f7b987 + ec749dd
commit c7697c4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/packages/genesys/packages/react-native-components/CHANGELOG.md b/packages/genesys/packages/react-native-components/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Versions
 
+# 3.4.4
+
+[QrScanner] fix: fix `StatusBar` moving the app up and down when opening the qr scanner on android.
+
 # 3.3.11
 
 [Backdrop] fix: fix `avoidKeyboard` on Android.

diff --git a/packages/genesys/packages/react-native-components/package.json b/packages/genesys/packages/react-native-components/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@peersyst/react-native-components",
     "author": "Peersyst",
-    "version": "3.4.3",
+    "version": "3.4.4",
     "license": "MIT",
     "main": "./src/index.tsx",
     "engines": {

diff --git a/packages/genesys/packages/react-native-components/src/input/QrScanner/QrScanner.tsx b/packages/genesys/packages/react-native-components/src/input/QrScanner/QrScanner.tsx
@@ -3,11 +3,11 @@ import { useEffect, useState } from "react";
 import { BackButton, ChildrenWrapper, IdleQrScanner, QrScannerRoot } from "./QrScanner.styles";
 import { useMergeDefaultProps } from "@peersyst/react-components-core";
 import { BarCodeScanner } from "expo-barcode-scanner";
-import { StyleSheet } from "react-native";
+import { Platform, StyleSheet } from "react-native";
 import { Backdrop } from "../../feedback/Backdrop";
 import { CrossIcon } from "../../assets/icons";
-import { StatusBar } from "../../layout/StatusBar";
 import { useQrScannerStyles } from "./hooks";
+import { StatusBar } from "../../layout/StatusBar";
 
 const QrScanner = (rawProps: QrScannerProps): JSX.Element => {
     const props = useMergeDefaultProps("QrScanner", rawProps);
@@ -58,7 +58,7 @@ const QrScanner = (rawProps: QrScannerProps): JSX.Element => {
                         ) : (
                             <IdleQrScanner />
                         )}
-                        <StatusBar hidden translucent appearance="dark" />
+                        <StatusBar hidden={Platform.OS === "ios"} translucent appearance="dark" />
                     </>
                 );
             }}