title: I am trying to set a background image in Android using jetpack compose but the image cant fill the whole page
body: <ol>
  <li>i want to fill the image to max size of page and fill the edges below the appbar.</li>
  <li>i can fill the image to full background without using scaffold but in this case i need to use scaffold.</li>
  <li>the screenshot is attached with the question for better understanding</li>
  <li>u can check it by tapping on the link
  <a href="https://i.stack.imgur.com/zvlO5.png" rel="nofollow noreferrer">enter image description here</a></li>
  </ol>
  <pre><code>@Composable
  fun ScaffoldBackground() {
  
      Scaffold(
          topBar = {
              TopAppBar(
                  modifier = Modifier
                      .fillMaxHeight(0.2f)
                      .clip(
                          shape = RoundedCornerShape(bottomEnd = 30.dp, bottomStart = 30.dp)
                      ),
  
                  // Provide Title
                  title = {
                      Text(
                          text = &quot;Dashboard&quot;,
                      )
  
                  }
              )
          },
      ) {
  
          Box(
              modifier = Modifier
                  .fillMaxSize()
          ) {
              Image(
                  modifier = Modifier
                      .fillMaxSize(), 
                  painter = painterResource(R.drawable.ic_launcher_background),
                  contentDescription = &quot;background_image&quot;,
                  contentScale = ContentScale.FillBounds
              )
  
  
          }
  
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/7Zs4t.png" rel="nofollow noreferrer">the image cant fill the the edges of app bar </a></p>