MK - Dev Bits and Bytes

Jetpack Compose - Configuring Slider with Label

When working on implementing Slider in my app, I wanted to use the labels on the Slider but the standard implementation [https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.

Multi Toggle

Jetpack Compose - Configuring a Simple Multi Toggle Button

While working on a filter dialog for my app, I wanted to have a simple control to toggle between different selections. My first thought was to use a radio button, but I wanted to save the vertical space for my filter dialog by leveraging a horizontal control without the need

compose

Configuring SearchView in Jetpack Compose

If you have worked in the Android View system, you are most likely familiar with the SearchView [https://developer.android.com/reference/android/widget/SearchView]widget that can be used to send a request to a search provider, display any available results, and allow users to select them. In Jetpack

camerax

Configuring CameraX in Jetpack Compose To Take a Picture

Camera is one of the most commonly used feature in any app. Currently there is no official documentation or sample on how to take a picture using CameraX [https://developer.android.com/training/camerax]and Jetpack Compose [https://developer.android.com/jetpack/compose]. Let's look at how we can set

AutoCompleteTextView

Jetpack Compose – A Simple Opiniated AutoCompleteTextView

When working on migrating the AutoCompleteTextView [https://developer.android.com/reference/android/widget/AutoCompleteTextView]in my existing app to a new app with Jetpack Compose, I noticed that there is no out of the box functionality today in Compose. So I decided to write my own AutoCompleteTextView to achieve similar

FirebaseAuthUI

Configuring Firebase Auth UI With Jetpack Compose

Configuring Firebase UI for authentication is straightforward, similar to how we set it up in the view system but with few minor changes. Let's look at how we can configure Firebase UI when using Jetpack Compose. Gradle Setup Gradle setup is basically following the documentation to add Firebase to the

Permission

Requesting Location Permission in Jetpack Compose

Requesting permissions has been an important workflow when building our apps to access the different features on the Android device. This usually is done through invoking requestPermissions [https://developer.android.com/reference/androidx/core/app/ActivityCompat#requestPermissions(android.app.Activity,%20java.lang.String[],%20int)] . If you are new to Android,

Snackbar

Configuring Snackbar in Jetpack Compose when using Scaffold with Bottom Navigation

Snackbar [https://developer.android.com/reference/com/google/android/material/snackbar/Snackbar] in Android provides a feedback to an operation. This is the preferred way to notify users about an action compared to the older toast messages. With Jetpack Compose, the way we build and show snackbar is slightly different

jetpackcompose

Navigating Jetpack Compose as a Beginner

Just when I am getting comfortable with Android Development using the Constraint Layout, ViewModel binding and Coroutines, Jetpack Compose beta was released. At this point, we are all aware that the only constant in life is change. After, looking at some of the videos released by the Android team, it

remark42

Setting up Remark42(self-hosted comment engine) from Scratch

Having a comment engine is essential to engage with users, and in the process also learn new things, share ideas, solve problems and provide solutions. Today, I want to show you how I have setup Remark42 [https://remark42.com/], an open source commenting system on my blog. Why Remark42? Apart

Firebase functions

Delete Firebase Storage Folder on Delete of a Firestore Document

There are times when we want to offload certain operations from our app to a background process to better improve the user experience of the app. Typically, this would be operations that are time consuming and are required to be done in real-time. For example, image transformations or deleting image

navigation

Invoke Navigation from ViewModel using DataBinding

Android provides a very good Data Binding library to bind the layout views to a ViewModel. When I initially started out Android development there wasn't the Data Binding library and most of the view changes were made from Fragment. This quickly bloated the Fragment file and it become hard to

up navigation

Android Up Navigation Won't Work on Toolbar using Navigation Component

While recently learning the Navigation component in Android, I was trying to make the navigation work with the Toolbar, however the Up navigation doesn't work. I was following this official documentation [https://developer.android.com/guide/navigation/navigation-ui#create_a_toolbar] and I made sure to follow all the steps.