refactor(android): remove legacy Gradle files and update MainActivity for system window compatibility

Author: Yuval

03-Client/android/app/build.gradle

@@ -1,5 +1,13 @@
 package com.groundshare.app;
 
+import android.os.Bundle;
+import androidx.core.view.WindowCompat;
 import com.getcapacitor.BridgeActivity;
 
-public class MainActivity extends BridgeActivity {}
+public class MainActivity extends BridgeActivity {
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        WindowCompat.setDecorFitsSystemWindows(getWindow(), false);
+        super.onCreate(savedInstanceState);
+    }
+}

03-Client/android/app/src/main/java/com/groundshare/app/MainActivity.java

@@ -13,10 +13,16 @@
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
         <item name="android:background">@null</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
     </style>
 
 
     <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
         <item name="android:background">@drawable/splash</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
     </style>
 </resources>

03-Client/android/app/src/main/res/values/styles.xml

@@ -9,24 +9,32 @@
 
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
-org.gradle.jvmargs=-Xmx1536m
+org.gradle.jvmargs=-Xmx4g -XX:MaxMetaspaceSize=512m
 
 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. More details, visit
 # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
-# org.gradle.parallel=true
+org.gradle.parallel=true
+
+# Enables the Gradle build cache.
+org.gradle.caching=true
+
+# Enables the Gradle configuration cache.
+org.gradle.configuration-cache=true
 
 # AndroidX package structure to make it clearer which packages are bundled with the
 # Android operating system, and which are packaged with your app's APK
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
+android.nonTransitiveRClass=true
+android.nonFinalResIds=true
 android.defaults.buildfeatures.resvalues=true
 android.sdk.defaultTargetSdkToCompileSdkIfUnset=false
 android.enableAppCompileTimeRClass=false
 android.usesSdkInManifest.disallowed=false
 android.uniquePackageNames=false
 android.dependency.useConstraints=true
-android.r8.strictFullModeForKeepRules=false
-android.r8.optimizedResourceShrinking=false
+android.r8.strictFullModeForKeepRules=true
+android.r8.optimizedResourceShrinking=true
 android.builtInKotlin=false
 android.newDsl=false

03-Client/android/build.gradle

@@ -7,7 +7,7 @@ export default function App() {
   return (
     <div className="size-full flex items-center justify-center bg-gray-200">
       {/* On mobile: fill viewport. On desktop: fixed phone preview. */}
-      <div className="w-full h-dvh md:w-[412px] md:h-[915px] md:max-h-screen overflow-hidden relative bg-white md:shadow-2xl safe-pt">
+      <div className="w-full h-dvh md:w-[412px] md:h-[915px] md:max-h-screen overflow-hidden relative bg-white md:shadow-2xl">
         <OfflineBanner />
         <RouterProvider router={router} />
         <InstallBanner />

03-Client/android/gradle.properties

@@ -21,9 +21,10 @@ export async function initCapacitor(): Promise<void> {
   const tasks: Promise<unknown>[] = [];
 
   if (Capacitor.isPluginAvailable("StatusBar")) {
-    tasks.push(StatusBar.setStyle({ style: Style.Light }));
+    tasks.push(StatusBar.setOverlaysWebView({ overlay: true }));
+    tasks.push(StatusBar.setStyle({ style: Style.Dark }));
     if (Capacitor.getPlatform() === "android") {
-      tasks.push(StatusBar.setBackgroundColor({ color: "#063c55" }));
+      tasks.push(StatusBar.setBackgroundColor({ color: "#00000000" }));
     }
   }
 

03-Client/android/settings.gradle

@@ -160,7 +160,7 @@ export function CompareSystem() {
       <div className="absolute inset-0 bg-black/7 backdrop-blur-[12px] z-10" />
 
       {/* Header bar */}
-      <div className="absolute top-[20px] left-0 right-0 h-[58px] bg-[#f3fbfd] z-30 flex items-center justify-between px-[12px]">
+      <div className="app-top-bar absolute top-[20px] left-0 right-0 h-[58px] bg-[#f3fbfd] z-30 flex items-center justify-between px-[12px]">
         <button onClick={() => setDrawerOpen(true)} className="cursor-pointer w-[28px] h-[28px] shrink-0">
           <div className="w-full h-full bg-[#626262]" style={{
             maskImage: `url('${imgFill}')`,

03-Client/src/app/App.tsx

@@ -143,7 +143,7 @@ export function CreateEventScreen() {
   return (
     <div className="relative w-full h-full overflow-hidden bg-[#063c55]" dir="rtl">
       {/* Header */}
-      <div className="absolute top-[20px] left-0 right-0 h-[58px] bg-[#f3fbfd] z-30 flex items-center px-[12px] gap-[10px]">
+      <div className="app-top-bar absolute top-[20px] left-0 right-0 h-[58px] bg-[#f3fbfd] z-30 flex items-center px-[12px] gap-[10px]">
         <button onClick={handleBack} className="shrink-0 cursor-pointer">
           <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
             <path d="M9.7 18.3a1 1 0 010-1.4l4.6-4.6a.3.3 0 000-.42L9.7 7.28a1 1 0 011.4-1.42l5.32 5.32a1.2 1.2 0 010 1.7l-5.32 5.32a1 1 0 01-1.4.1z" fill="#063c55" />
@@ -159,8 +159,8 @@ export function CreateEventScreen() {
 
       {/* Content area */}
       <div
-        className="absolute left-[16px] right-[16px] z-20 flex flex-col"
-        style={{ top: 93, bottom: 105 }}
+        className="below-header absolute left-[16px] right-[16px] z-20 flex flex-col"
+        style={{ bottom: 105 }}
       >
         {/* Progress bar */}
         <div className="flex items-center gap-[6px] mb-[14px]">