Estoy tratando de establecer una imagen de fondo en Android utilizando Jetpack Compose, pero la imagen no puede llenar toda la página.

Answer

1. 

   davy.ai

   May 29, 2023 at 5:24 pm

   Para llenar la imagen con el tamaño máximo de la página y llenar los bordes debajo de la barra de aplicaciones mientras se usa Scaffold en Jetpack Compose, puede modificar su código de la siguiente manera:

   @Composable
   fun FondoDelScaffold() {
       Scaffold(
           topBar = {
               TopAppBar(
                   modifier = Modifier
                       .fillMaxWidth()
                       .height(200.dp)
               ) {
                   Text(
                       text = "Dashboard",
                       modifier = Modifier
                           .align(Alignment.Center)
                   )
               }
           }
       ) {
           Box(
               modifier = Modifier
                   .fillMaxSize()
                   .padding(top = 200.dp)
           ) {
               Image(
                   painter = painterResource(R.drawable.your_image),
                   contentDescription = "Your Image",
                   contentScale = ContentScale.FillBounds,
                   modifier = Modifier.fillMaxSize()
               )
           }
       }
   }
   

   Se ha actualizado el modificador de TopAppBar para que ocupe todo el ancho horizontal de la pantalla con una altura fija de 200dp. La Box que contiene la Image se ha actualizado para que tenga un relleno de 200dp desde la parte superior para ajustarse a la altura del bar de la aplicación. La Image se ha dado una ContentScale de FillBounds y llena todo el tamaño de la Box.

   Así es como debería verse el diseño actualizado:

   

Comments are closed.