Fix a scroll issue in StandaloneWebViewScreen.tsx

klarna · Oct 13, 2023 · 5d7d5f7 · 5d7d5f7
1 parent 76ae8ef
commit 5d7d5f7
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx b/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx
@@ -10,7 +10,6 @@ import {
 } from 'react-native-klarna-inapp-sdk';
 import Button from '../common/ui/view/Button';
 
-// TODO pass the required props
 export default function StandaloneWebViewScreen() {
   const klarnaStandaloneWebViewRef = useRef<KlarnaStandaloneWebView>(null);
   const [url, setUrl] = useState('');
@@ -91,7 +90,10 @@ export default function StandaloneWebViewScreen() {
   };
 
   return (
-    <View>
+    <View
+      style={{
+        flex: 1,
+      }}>
       <View
         /* eslint-disable-next-line react-native/no-inline-styles */
         style={{
@@ -112,8 +114,7 @@ export default function StandaloneWebViewScreen() {
         ref={klarnaStandaloneWebViewRef}
         /* eslint-disable-next-line react-native/no-inline-styles */
         style={{
-          width: '100%',
-          height: '100%',
+          flex: 1,
         }}
         returnUrl={'returnUrl://'}
         onBeforeLoad={(event: KlarnaWebViewNavigationEvent) => {