3

Estoy creando una aplicación en compose sobre una lista de tareas o recordatorios, lo que muestro es la pantalla o layout para crear un nuevo recordatorio, y el inconveniente con el que me encuentro surge cuando presiono el teclado, este oculta los botones, lo que quisiera lograr es que los botones se pongan debajo donde termina la altura del teclado(Como indico en la segunda imagen y en la tercera indico el resultado esperado). introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Box(
    Modifier
        .fillMaxSize()
        .background(ScaffoldBackGroundColor), contentAlignment = Alignment.Center
) {
    Column(
        Modifier
            .fillMaxSize()
            .padding(top = 10.dp, start = 10.dp, end = 10.dp)
    ) {
        Text(
            text = "Nuevo Recordatorio",
            fontWeight = FontWeight.Medium,
            fontSize = 24.sp,
            color = Color.Black.copy(0.8F),
            modifier = Modifier.padding(bottom = 10.dp)
        )

        CustomTextField(
            value = noteInput,
            onChange = { note -> setNoteValue(note) },
            placeholder = "Nota",
            height = 170.dp
        )
        Box(
            modifier = Modifier
                .fillMaxSize()
                .verticalScroll(rememberScrollState()),
            contentAlignment = Alignment.BottomCenter
        ) {
            Row(
                Modifier
                    .fillMaxWidth(),
                horizontalArrangement = Arrangement.SpaceBetween
            ) {

                Button(
                    onClick = { navController.popBackStack() },
                    shape = ShapeDefaults.Small,
                    colors = ButtonDefaults.buttonColors(
                        containerColor = Color.Transparent,
                    ),
                    modifier = Modifier
                        .weight(1f)
                        .fillMaxWidth()
                ) {
                    Text(text = "Cancelar", color = Color.Black)
                }
                Button(
                    onClick = {
                        todoViewModel.addTodo(
                            TodoItem(
                                todoViewModel.state.value.last().id + 1,
                                noteInput,
                                LocalDate.now().toString(),
                                false
                            )
                        )
                        navController.popBackStack()
                    },
                    shape = ShapeDefaults.Small,
                    colors = ButtonDefaults.buttonColors(
                        containerColor = Color.Transparent,
                    ),
                    modifier = Modifier
                        .weight(1f)
                        .fillMaxWidth()
                ) {
                    Text(text = "Guardar", color = Color.Gray)
                }

            }
        }
    }
}

RESULTADO ESPERADO

introducir la descripción de la imagen aquí

1 respuesta 1

1

Existen varias opciones, puedes realizarlo como se realiza en Android nativo usando la propiedad : android:windowSoftInputMode=adjustResize en tu <activity> dentro del AndroidManifest.xml :

 <activity
      android:name=".MainActivity"
      android:windowSoftInputMode="adjustResize"/>

También puedes definir en onCreate() SOFT_INPUT_ADJUST_RESIZE,

override fun onCreate(savedInstanceState: Bundle?) {
        
        window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
        
        setContent { 
          ...
          ...
          ...
        }
    }
1
  • 1
    Excelente, Muchas Gracias por el aporte ! 😄
    – Zamudio
    Commented el 5 may. 2023 a las 22:49

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.