From Android 10 and iOS 13, mobile phone users can prefer to use dark mode over the default light theme. As a mobile app developer, it’s important to know the color scheme preference of the user to make changes in the app design accordingly. Let’s learn how to check the color scheme preference of users…
Context API helps to pass data through your react native application without having to pass a prop explicitly. It allows to store and share data globally. Thus, context API can be used as an alternative for state management libraries such as Redux. In this blog post, let’s see how to create a custom dark mode…
It’s a known fact that the performance of FlatList slows down when you have a huge chunk of data. Shopify introduced an alternative to FlatList named FlashList which fixes the shortcomings of FlatList. FlashList is fast and performant when compared to FlatList. It increases the performance in both Android and iOS platforms. After all, FlashList…
I was working on a react native project where I installed watermelonDB for storage purposes. After the installation, I could not run the project on Android emulator because of the following error. The error was related to Kotlin Gradle Plugin. The same issue was raised by someone else on Github and there I found the…
I was working on a react native project which is time sensitive. Unfortunately, my Android Emulator on my M1 Macbook pro always shows the wrong time. Even changing the time didn’t help the case. A quick google search helped me to find the solution. One solution was to turn off and then turn on emulator…
Feedback mechanisms like progress indicators are vital for a good user experience. While linear indicators serve well in many situations, a Circular Progress Indicator often better fits certain UI designs. In this blog post, we’ll explore how to integrate Circular Progress Indicators using Jetpack Compose, with both indeterminate and determinate examples. Circular Progress Indicators Circular…
When developing Android apps, providing feedback to users is crucial. One way to indicate progress or loading is by using linear progress indicators. Jetpack Compose simplifies this process with its LinearProgressIndicator composable. In this comprehensive guide, we’ll cover how to add both indeterminate and determinate linear progress indicators using Jetpack Compose. Linear Progress Indicator Linear…
In modern UI/UX design, rounded corners are more than just a trend; they add aesthetic appeal to your application. In this extended tutorial, you’ll learn not only how to round off those sharp corners of an image in Jetpack Compose but also why it’s beneficial to do so. Why Rounded Corners? Rounded corners make an…
Borders add a touch of refinement to your UI elements, making them stand out. In this updated tutorial, we’ll delve deeper into how to wrap an image with a border using Android Jetpack Compose. What is Jetpack Compose? Before we dive in, it’s good to understand what Jetpack Compose is. Jetpack Compose is Android’s modern…
In today’s mobile apps, circular images have become increasingly popular. These are often used for profile pictures, avatars, or other UI elements. In this tutorial, we’ll explore how to implement circular images with a custom border in Android Jetpack Compose. We’ll go step-by-step through the code and break down each section for easy understanding. Why…
Elevation plays a key role in Material Design by providing intuitive shadows for your UI elements. In this in-depth Jetpack Compose tutorial, we’ll take a closer look at how to add elevation to buttons in Android. You’ll learn how to make use of the Button composable and its elevation parameter, as well as how to…
Strikethrough text is considered as a way to say something without really saying it. In this Jetpack Compose tutorial, let’s learn how to add strikethrough text in Android. Here we use the Text composable to show text and the TextDecoration class to decorate text with underline, strikethrough, etc. See the code snippet given below. The…