Photo by Sharon McCutcheon on Unsplash

Hello there. Welcome to another write-up and in this episode, I will take you to the land where people build responsive layouts using compose UI. You can set up either a Compose for Desktop project or Compose UI for Android, either of them will still work.

Let us take the scenario where we have a list of any data(may be pulled from an API) and we want it such that for devices with smaller screens, we display a simple list while for devices with large screens, we have a 2 by 2 grid and for ones with far bigger screens…


Photo by Muhammad Rosyid Izzulkhaq on Unsplash

Hello there. It is another day to compose again and this will be a very brief article. So let’s go.

I have been building an app and I have a screen with a list of contacts and initially, clicking a contact takes one to another screen, so I wanted to change that scenario. Clicking a contact should either reveal a text field and button or toggle the state back if it was open. …


Photo by DEVN on Unsplash

We will all agree that ConstraintLayout has come a long way to be the super layout that was required for Android development. I have played around with different ConstraintLayout features such as MotionLayout,VirtualLayout, etc. There have been some more additions of helpers. Let us explore.

Setup Project for ConstraintLayout

Create a new Android studio project and update the ConstraintLayout dependency to be 2.1.0. You should have it in your dependencies block in the app-level build.gradle file as follows

implementation 'androidx.constraintlayout:constraintlayout:2.1.0'

The first helper we will explore is the CircularFlow helper.

CircularFlow Helper

With the CircularFlow helper added in 2.1, it makes it easy to organize objects…


Photo by Philipp Katzenberger on Unsplash

I have found myself using accompanist libraries a lot in my Jetpack Compose projects recently and they are really great. One of such is the accompanist permissions. Let us say we want to build a composable screen that requires access to the users' text messages. In this case, if permission is granted, we perform the operation and present an appropriate UI to the user. In the same way, if they reject the permission, we present an appropriate UI to them.

Start by creating a project in Android studio arctic Fox and choose the empty compose activity temple to have Jetpack…


Photo by Erwan Hesry on Unsplash

Most applications usually require an onboarding screen. Onboarding screens help users get started with the app. Most onboarding screens are usually three screens where the users have to swipe horizontally and see all the screens required and when they are done, they can click a button to get started with the app. Let us see what we want to achieve below.


Photo by Davies Designs Studio on Unsplash

Hi there.Welcome to another episode of “Compose in the Room”. In this episode, we will see how easy it is to integrate Exoplayer in Jetpack Compose. As you might have realized, there is no composable for Exoplayer in Jetpack Compose but Jetpack Compose is fully interoperable with the view system and so, we are good to go. There are different ways of using Android views in Compose but here, we will use AndroidView composable. AndroidView is useful when we want to integrate a view that is not yet available in Compose such as MapView for example. …


In this episode, we will look into common ways in which we place items in a composable on the screen.

Photo by Dayne Topkin on Unsplash

Column

As the name sounds, this composable helps us to place items from top to bottom. It is the equivalent of a vertical LinearLayout in the view based system.To achieve this, we create a composable function and wrap the children items in a Column composable as shown below

The @Preview annotation helps us to visualize how the composable will look without necessarily running it on the device. You still have the option to preview it on the device though. …


At the time of this writing, one can only develop with Jetpack Compose using Android studio preview(Arctic Fox 2020.3.1 Beta 4). You can get it from here

Android studio Arctic Fox Splash Screen


I know you might be wondering and thinking that I will be explaining all the little details to you on how Jetpack Compose was crafted, etc but that is not the purpose. Our aim will be for us to just learn by building actual interfaces, etc. Sorry if I didn’t do a proper introduction of what Jetpack Compose is(we will be focusing on Jetpack Compose UI)

In simple terms, it is a declarative way of building interfaces and specifically on Android, we do not need to use fragments but rather, our interfaces are functions known as composables. …


Photo by Denny Müller on Unsplash

Hello to you reading once more(it is going to be really short) and welcome as well if you are new. There are tons of materials online to learn anything, but most of the time, many materials are confused and you are stuck with switching from one course to another.

In this post, I recommend some resources which are very helpful to start Android development from scratch. Most, if not all, will be free resources. Okay lets us go.

  1. Kotlin Bootcamp for programmers: This course is a course by some Udacity instructors and some of them being Google engineers on the…

Ngenge Senior

Mobile app developer. Co-founder @ Njaka.Previously Android/UX developer mentor @ Udacity.#JetpackCompose #SwiftUI

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store