更新多处动画行为

app/src/main/java/com/aiosman/riderpro/ui/composables/EditCommentBottomModal.kt

@@ -3,15 +3,21 @@ package com.aiosman.riderpro.ui.composables
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.navigationBars
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -19,6 +25,8 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.TextStyle
@@ -30,20 +38,24 @@ import com.aiosman.riderpro.ui.modifiers.noRippleClickable
 @Composable
 fun EditCommentBottomModal(onSend: (String) -> Unit = {}) {
     var text by remember { mutableStateOf("") }
-    Box(
+    var navBarHeight = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding()
+    val focusRequester = remember { FocusRequester() }
+
+    LaunchedEffect(Unit) {
+        focusRequester.requestFocus()
+    }
+
+    Column(
         modifier = Modifier
             .fillMaxWidth()
             .background(Color(0xfff7f7f7))
             .padding(horizontal = 16.dp, vertical = 8.dp)
-
     ) {
         Row(
             modifier = Modifier
-                .fillMaxWidth()
-                .align(Alignment.Center),
+                .fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically
         ) {
-            // rounded
             Box(
                 modifier = Modifier
                     .fillMaxWidth()
@@ -51,7 +63,6 @@ fun EditCommentBottomModal(onSend: (String) -> Unit = {}) {
                     .clip(RoundedCornerShape(20.dp))
                     .background(Color(0xffe5e5e5))
                     .padding(horizontal = 16.dp, vertical = 12.dp)
-
             ) {
                 BasicTextField(
                     value = text,
@@ -59,14 +70,14 @@ fun EditCommentBottomModal(onSend: (String) -> Unit = {}) {
                         text = it
                     },
                     modifier = Modifier
-                        .fillMaxWidth(),
+                        .fillMaxWidth()
+                        .focusRequester(focusRequester),
                     textStyle = TextStyle(
                         color = Color.Black,
                         fontWeight = FontWeight.Normal
                     ),
                     minLines = 5
                 )
-
             }
             Spacer(modifier = Modifier.width(16.dp))
             Image(
@@ -80,5 +91,6 @@ fun EditCommentBottomModal(onSend: (String) -> Unit = {}) {
                     },
             )
         }
+        Spacer(modifier = Modifier.height(navBarHeight))
     }
 }