Creé un cuadro y dentro de él creé una imagen y un texto. Y configuré la alineación del contenido del cuadro como TopStart , pero el problema es que el texto no se alinea correctamente en relación con la imagen. horizontalmente está bien, pero verticalmente parece que tiene algún tipo de relleno, pero traté de establecer el relleno en 0, pero el resultado sigue siendo el mismo.
incluso al alinearlo en la parte inferior, comience a configurar un par de píxeles más altos que la imagen
Box(contentAlignment = Alignment.TopStart,) { Image(painter = painterResource(id = R.drawable.ic_launcher_background), contentDescription = "", modifier = Modifier.size(125.dp), colorFilter = ColorFilter.tint(MaterialTheme.colors.onBackground) ) Text(text = "4", color = MaterialTheme.colors.primary, fontSize = 44.sp, textAlign = TextAlign.Center ) }
Debe usar el modificador .align() en su Text dentro del Box para centrarlo/posicionarlo. por ejemplo Text(..., modifier = Modifier.align(Center), ..) .
Alternativamente, puede hacer que su texto llene todo el Box (agregándole .fillMaxSize() ) y usar la propiedad textAlign .
Parece que necesito usar BasicTextField para eliminar el relleno adicional superior e inferior, es algo relacionado con la decoración del diseño de diseño de materiales.
acabo de usar el desplazamiento del modificador para solucionar mi problema al alinearlo correctamente