fix: keyboard overlapping the input element (#6)

* fixes keyboard overlapping the input element

* test

Author: pandeymangg

apps/playground/.gitignore

@@ -7,8 +7,10 @@ node_modules/
 .expo/
 dist/
 web-build/
+expo-env.d.ts
 
 # Native
+.kotlin/
 *.orig.*
 *.jks
 *.p8

apps/playground/.npmrc

@@ -0,0 +1 @@
+node-linker=hoisted

apps/playground/assets/splash.png

@@ -0,0 +1,8 @@
+import { registerRootComponent } from "expo";
+
+import App from "./src/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);

apps/playground/babel.config.js

@@ -1,30 +1,25 @@
 {
-  "name": "@formbricks/demo-react-native",
+  "name": "playground",
   "version": "1.0.0",
-  "main": "./index.js",
+  "main": "index.ts",
   "scripts": {
-    "dev": "expo start",
+    "dev": "expo start --reset-cache",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web",
-    "eject": "expo eject",
     "clean": "rimraf .turbo node_modules .expo"
   },
   "dependencies": {
     "@formbricks/react-native": "workspace:*",
-    "@react-native-async-storage/async-storage": "2.1.0",
-    "expo": "52.0.28",
-    "expo-status-bar": "2.0.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.6",
-    "react-native-webview": "13.12.5"
+    "@react-native-async-storage/async-storage": "2.1.2",
+    "expo": "~53.0.13",
+    "expo-status-bar": "~2.2.3",
+    "react": "19.0.0",
+    "react-native": "0.79.4"
   },
   "devDependencies": {
-    "@babel/core": "7.26.0",
-    "@types/react": "18.3.18",
-    "eslint": "8.57.0",
-    "typescript": "5.7.2"
+    "@babel/core": "^7.25.2",
+    "@types/react": "~19.0.10",
+    "typescript": "~5.8.3"
   },
   "private": true
 }

apps/playground/index.js

@@ -30,7 +30,8 @@ export default function App(): JSX.Element {
           display: "flex",
           flexDirection: "column",
           gap: 10,
-        }}>
+        }}
+      >
         <Button
           title="Trigger Code Action"
           onPress={() => {
@@ -42,7 +43,7 @@ export default function App(): JSX.Element {
         />
 
         <Button
-          title="Set User Id"
+          title="Set userId"
           onPress={() => {
             setUserId("random-user-id").catch((error: unknown) => {
               // eslint-disable-next-line no-console -- logging is allowed in demo apps
@@ -69,10 +70,12 @@ export default function App(): JSX.Element {
         <Button
           title="Set User Attributes (single)"
           onPress={() => {
-            setAttribute("testSingleAttr", "testSingleAttr").catch((error: unknown) => {
-              // eslint-disable-next-line no-console -- logging is allowed in demo apps
-              console.error("Error setting user attributes:", error);
-            });
+            setAttribute("testSingleAttr", "testSingleAttr").catch(
+              (error: unknown) => {
+                // eslint-disable-next-line no-console -- logging is allowed in demo apps
+                console.error("Error setting user attributes:", error);
+              }
+            );
           }}
         />
 
@@ -101,7 +104,9 @@ export default function App(): JSX.Element {
 
       <Formbricks
         appUrl={process.env.EXPO_PUBLIC_APP_URL as string}
-        environmentId={process.env.EXPO_PUBLIC_FORMBRICKS_ENVIRONMENT_ID as string}
+        environmentId={
+          process.env.EXPO_PUBLIC_FORMBRICKS_ENVIRONMENT_ID as string
+        }
       />
     </View>
   );

apps/playground/index.ts

@@ -1,6 +1,6 @@
 {
+  "extends": "expo/tsconfig.base",
   "compilerOptions": {
     "strict": true
-  },
-  "extends": "expo/tsconfig.base"
+  }
 }