Your First Kotlin Android App: Polishing the App

Aug 22 2023 · Kotlin 1.8.20, Android 13, Android Studio Flamingo | 2022.2.1

Part 2: Style the App

16. Add a Background Image

Episode complete

Play next episode

Next
About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 15. Style the Slider Next episode: 17. Conclusion

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

Bullseye looks better but currently it has a plain white background. We can make that look better too. Let’s add a background image to make the app look more appealing.

Box {
  Column(
    //...
  ){
    //...
  }
}
Image(
  modifier = Modifier.fillMaxSize(),
  painter = painterResource(id = R.drawable.background),
  contentDescription = "Background Image"
)
Image(
  modifier = Modifier.fillMaxSize(),
  painter = painterResource(id = R.drawable.background),
  contentScale = ContentScale.Crop, // New Code
  contentDescription = stringResource(R.string.background_image)
)