[BOOK-195] feat: 키보드 올라왔을 때 문장 기록 TextField가 같이 밀려 올라가도록 수정

Author: seoyoon513

feature/record/src/main/kotlin/com/ninecraft/booket/feature/record/step/QuoteStep.kt

@@ -1,17 +1,20 @@
 package com.ninecraft.booket.feature.record.step
 
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.foundation.text.input.TextFieldLineLimits
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.FocusDirection
 import androidx.compose.ui.graphics.vector.ImageVector
@@ -31,6 +34,7 @@ import com.ninecraft.booket.core.designsystem.theme.White
 import com.ninecraft.booket.feature.record.R
 import com.ninecraft.booket.feature.record.register.RecordRegisterUiEvent
 import com.ninecraft.booket.feature.record.register.RecordRegisterUiState
+import com.ninecraft.booket.core.designsystem.R as designR
 
 @Composable
 internal fun QuoteStep(
@@ -39,71 +43,79 @@ internal fun QuoteStep(
 ) {
     val focusManager = LocalFocusManager.current
 
-    Column(
+    LazyColumn(
         modifier = modifier
+            .fillMaxSize()
             .background(White)
+            .imePadding()
             .padding(horizontal = ReedTheme.spacing.spacing5),
     ) {
-        Text(
-            text = stringResource(R.string.quote_step_title),
-            color = ReedTheme.colors.contentPrimary,
-            style = ReedTheme.typography.heading1Bold,
-        )
-        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing10))
-        Text(
-            text = stringResource(R.string.quote_step_page_label),
-            color = ReedTheme.colors.contentPrimary,
-            style = ReedTheme.typography.body1Medium,
-        )
-        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
-        ReedRecordTextField(
-            recordState = state.recordPageState,
-            recordHintRes = R.string.quote_step_page_hint,
-            inputTransformation = digitOnlyInputTransformation,
-            keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
-            lineLimits = TextFieldLineLimits.SingleLine,
-            isError = state.isPageError,
-            errorMessage = stringResource(R.string.quote_step_page_input_error),
-            onClear = {
-                state.eventSink(RecordRegisterUiEvent.OnClearClick)
-            },
-            onNext = {
-                focusManager.moveFocus(FocusDirection.Down)
-            },
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(50.dp),
-        )
-        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing8))
-        Text(
-            text = stringResource(R.string.quote_step_sentence_label),
-            color = ReedTheme.colors.contentPrimary,
-            style = ReedTheme.typography.body1Medium,
-        )
-        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
-        ReedRecordTextField(
-            recordState = state.recordSentenceState,
-            recordHintRes = R.string.quote_step_sentence_hint,
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(140.dp),
-        )
-        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing3))
-        ReedButton(
-            onClick = {
-                state.eventSink(RecordRegisterUiEvent.OnSentenceScanButtonClick)
-            },
-            colorStyle = ReedButtonColorStyle.STROKE,
-            sizeStyle = smallRoundedButtonStyle,
-            modifier = Modifier.align(Alignment.End),
-            text = stringResource(R.string.quote_step_scan_sentence),
-            leadingIcon = {
-                Icon(
-                    imageVector = ImageVector.vectorResource(com.ninecraft.booket.core.designsystem.R.drawable.ic_maximize),
-                    contentDescription = "Scan Icon",
+        item {
+            Text(
+                text = stringResource(R.string.quote_step_title),
+                color = ReedTheme.colors.contentPrimary,
+                style = ReedTheme.typography.heading1Bold,
+            )
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing10))
+            Text(
+                text = stringResource(R.string.quote_step_page_label),
+                color = ReedTheme.colors.contentPrimary,
+                style = ReedTheme.typography.body1Medium,
+            )
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
+            ReedRecordTextField(
+                recordState = state.recordPageState,
+                recordHintRes = R.string.quote_step_page_hint,
+                inputTransformation = digitOnlyInputTransformation,
+                keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
+                lineLimits = TextFieldLineLimits.SingleLine,
+                isError = state.isPageError,
+                errorMessage = stringResource(R.string.quote_step_page_input_error),
+                onClear = {
+                    state.eventSink(RecordRegisterUiEvent.OnClearClick)
+                },
+                onNext = {
+                    focusManager.moveFocus(FocusDirection.Down)
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp),
+            )
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing8))
+            Text(
+                text = stringResource(R.string.quote_step_sentence_label),
+                color = ReedTheme.colors.contentPrimary,
+                style = ReedTheme.typography.body1Medium,
+            )
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
+            ReedRecordTextField(
+                recordState = state.recordSentenceState,
+                recordHintRes = R.string.quote_step_sentence_hint,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(140.dp),
+            )
+            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing3))
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.End,
+            ) {
+                ReedButton(
+                    onClick = {
+                        state.eventSink(RecordRegisterUiEvent.OnSentenceScanButtonClick)
+                    },
+                    colorStyle = ReedButtonColorStyle.STROKE,
+                    sizeStyle = smallRoundedButtonStyle,
+                    text = stringResource(R.string.quote_step_scan_sentence),
+                    leadingIcon = {
+                        Icon(
+                            imageVector = ImageVector.vectorResource(designR.drawable.ic_maximize),
+                            contentDescription = "Scan Icon",
+                        )
+                    },
                 )
-            },
-        )
+            }
+        }
     }
 }