[Owl] Add edge-to-edge support for Owl (#1222)

<img width=100
src="https://github.com/android/compose-samples/assets/6952116/fbf70f6d-d4b9-48b7-9de9-ac6edd3d59da">
<img width=100
src="https://github.com/android/compose-samples/assets/6952116/1bef8a1f-9cb8-4ca3-9542-1ed629dc8f18">
<img width=100
src="https://github.com/android/compose-samples/assets/6952116/ef79258a-c950-4e15-b697-3099a16ef031">
<img width=100
src="https://github.com/android/compose-samples/assets/6952116/57ddad3b-cb13-45eb-abf6-50de260e4a53">
<img width=100
src="https://github.com/android/compose-samples/assets/6952116/82d0df33-936a-4329-8b16-5dc1f5f78720">
<img width=100
src="https://github.com/android/compose-samples/assets/6952116/0abc2b53-8eb3-4265-adcd-256edbed972a">

Owl/app/src/main/AndroidManifest.xml

@@ -28,7 +28,8 @@
 
         <activity
             android:name=".ui.MainActivity"
-            android:exported="true">
+            android:exported="true"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />

Owl/app/src/main/java/com/example/owl/ui/MainActivity.kt

@@ -18,17 +18,22 @@ package com.example.owl.ui
 
 import android.os.Bundle
 import androidx.activity.ComponentActivity
+import androidx.activity.SystemBarStyle
 import androidx.activity.compose.setContent
-import androidx.core.view.WindowCompat
+import androidx.activity.enableEdgeToEdge
+import androidx.core.content.ContextCompat
+import com.example.owl.R
 
 class MainActivity : ComponentActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
+        enableEdgeToEdge(
+            statusBarStyle = SystemBarStyle.dark(
+                ContextCompat.getColor(this, R.color.immersive_sys_ui)
+            )
+        )
         super.onCreate(savedInstanceState)
 
-        // This app draws behind the system bars, so we want to handle fitting system windows
-        WindowCompat.setDecorFitsSystemWindows(window, false)
-
         setContent {
             OwlApp { finish() }
         }

Owl/app/src/main/java/com/example/owl/ui/onboarding/Onboarding.kt

@@ -29,7 +29,6 @@ import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.aspectRatio
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.statusBarsPadding
@@ -87,7 +86,6 @@ fun Onboarding(onboardingComplete: () -> Unit) {
                 FloatingActionButton(
                     onClick = onboardingComplete,
                     modifier = Modifier
-                        .navigationBarsPadding()
                 ) {
                     Icon(
                         imageVector = Icons.Rounded.Explore,
@@ -97,10 +95,7 @@ fun Onboarding(onboardingComplete: () -> Unit) {
             }
         ) { innerPadding ->
             Column(
-                modifier = Modifier
-                    .statusBarsPadding()
-                    .navigationBarsPadding()
-                    .padding(innerPadding)
+                modifier = Modifier.padding(innerPadding)
             ) {
                 Text(
                     text = stringResource(R.string.choose_topics_that_interest_you),

Owl/app/src/main/res/values/color.xml

@@ -13,8 +13,5 @@
   the License.
   -->
 <resources>
-
     <color name="immersive_sys_ui">#33000000</color>
-    <color name="nav_bar">@color/immersive_sys_ui</color>
-
 </resources>

Owl/app/src/main/res/values/themes.xml

@@ -13,14 +13,6 @@
   the License.
   -->
 <resources>
-
-    <style name="Theme.Owl" parent="@style/Theme.Material.DayNight.NoActionBar">
-        <item name="android:colorPrimary">#ff00ff</item>
-        <item name="android:colorAccent">#ff00ff</item>
-        <item name="android:statusBarColor">@color/immersive_sys_ui</item>
-        <item name="android:navigationBarColor">@color/nav_bar</item>
-    </style>
-
+    <style name="Theme.Owl" parent="@style/Theme.Material.DayNight.NoActionBar"/>
     <style name="Theme.Material.DayNight.NoActionBar" parent="@android:style/Theme.Material.Light.NoActionBar" />
-
 </resources>