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…
Sometimes, you may want to draw attention to a text by underlining it. In this Android tutorial, let’s learn how to add underlined Text in Jetpack Compose easily. Here we use the Text composable to display text and the TextDecoration class helps to add underlining below the text. TextDecoration is a class that can be…
Jetpack Compose has revolutionized the way we think about Android UI development. Among its many features, the scrolling capability is a key component that enables smooth user experiences. This article will delve deep into two scroll modifiers available in Jetpack Compose: verticalScroll and horizontalScroll. Jetpack Compose Scroll Modifiers Jetpack Compose offers two basic types of…
Fonts have an important place in the UI of an Android app. The right usage of custom fonts can make your app more appealing to users. Let’s learn how to add custom fonts in Jetpack Compose. Firstly download your custom font and its varieties such as regular, medium, bold, etc. Then under the res directory…
