refactor(rnc): add status bar again and fix the hidden prop

packages/genesys/packages/react-native-components/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 # 3.4.4
 
-[QrScanner] fix: remove `StatusBar` to fix app moving up and down in android.
+[QrScanner] fix: fix `StatusBar` moving the app up and down when opening the qr scanner on android.
 
 # 3.3.11
 

packages/genesys/packages/react-native-components/src/input/QrScanner/QrScanner.tsx

@@ -3,10 +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 { useQrScannerStyles } from "./hooks";
+import { StatusBar } from "../../layout/StatusBar";
 
 const QrScanner = (rawProps: QrScannerProps): JSX.Element => {
     const props = useMergeDefaultProps("QrScanner", rawProps);
@@ -57,6 +58,7 @@ const QrScanner = (rawProps: QrScannerProps): JSX.Element => {
                         ) : (
                             <IdleQrScanner />
                         )}
+                        <StatusBar hidden={Platform.OS === "ios"} translucent appearance="dark" />
                     </>
                 );
             }}