Android Jetpack Compose is revolutionizing how we create UIs on Android. The old view-based system is making way for a more declarative and more intuitive Composable-based system. In this blog post, we will focus on LazyRow, a Composable that can be used to create horizontal lists. Specifically, we’ll discuss how to add space between items…
In Android development, creating a horizontal list was traditionally done using RecyclerView with a LinearLayoutManager set to horizontal orientation. With Jetpack Compose’s introduction, this process is made simpler and more intuitive with LazyRow. In this blog post, we will learn how to create a horizontal list using the LazyRow Composable. To create a horizontal list…
Pagination or infinite scrolling is a popular technique to load large sets of data incrementally as the user scrolls down the application, thereby improving performance and user experience. This blog post guides you through creating a LazyColumn with pagination in Android Jetpack Compose. Below is the entire code that we will dissect in this post:…
In Jetpack Compose, the LazyColumn is one of the most useful components. It allows you to efficiently display large lists of data. Sometimes, you might want to add some spacing between the items for a more aesthetic appearance or to separate different data more clearly. In this tutorial, we’ll learn how to add space between…
Jetpack Compose has taken the Android UI development to a new level by offering the ability to create dynamic and flexible layouts. One such powerful layout component is LazyColumn, which is equivalent to RecyclerView in traditional Android development but with less complexity. In this blog post, we will discuss how to apply padding in a…
In this blog post, we will discuss how to set a background color for a LazyColumn in Jetpack Compose, the toolkit for creating UIs in Android apps. Jetpack Compose is a modern, declarative UI toolkit for Android that simplifies UI development and improves app performance. LazyColumn is one of the key components in Jetpack Compose….
Jetpack Compose, the modern UI toolkit for Android, offers an array of functionalities that make UI development smoother and more efficient. One of these tools is LazyColumn, which simplifies creating lists with efficient loading. In this blog post, we’ll learn how to enhance our LazyColumn with a sticky header, a UI component that stays fixed…
Working with lists is common in Android app development. Whether it’s a list of shopping items, messages, user profiles or more, lists are a staple of many applications. Jetpack Compose streamlines this with the LazyColumn composable. However, there are instances where you might want to disable scrolling in a LazyColumn due to design or feature…
In this tutorial, we’ll learn how to add dividers to a LazyColumn in Jetpack Compose, Google’s modern toolkit for building native Android UIs. The LazyColumn widget is particularly useful for displaying lists of items in a memory-efficient manner. LazyColumn is a composable function that lazily loads and displays a vertical list of items. It only…
Navigating through long lists can be cumbersome for users. Fortunately, Jetpack Compose’s LazyColumn component provides us with handy features that can improve this user experience. In this tutorial, we will cover how to add a Scroll to Bottom button to a LazyColumn in Jetpack Compose. The Basics of LazyColumn LazyColumn is a component in Jetpack…
When building large lists in Android, Jetpack Compose’s LazyColumn is a fantastic tool in your arsenal. But what happens when your users have scrolled way down in the list and want a quick way to get back to the top? Enter the Scroll to Top button. In this blog post, I’ll demonstrate adding a Scroll…
Android Jetpack Compose has truly revolutionized how developers create UIs in Android. With a myriad of Composables at your disposal, there’s a more straightforward and more maintainable way to build interfaces. One such set of Composables that often leads to confusion, especially for those new to Jetpack Compose, are Column and LazyColumn. Let’s delve into…