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…
Shadows can be a great way to add visual depth to your UI, and Jetpack Compose makes it easy to apply them to your text. In this Android tutorial, let’s learn how to add shadows to Text in Jetpack Compose. You can use the shadow parameter of the Text and then apply a shadow using…
Text is a very important composable to display text while developing the UI of your Android app. In this blog post let’s learn how to make text bold in Jetpack Compose. To style the text in a Compose function, we can use various parameters of the Text composable. The text composable has a fontWeight parameter…
Jetpack Compose simplifies the UI development process by allowing developers to build UI components declaratively in Kotlin. Even though text can be added directly to a Compose function, it’s recommended to add text in the strings.xml file for localization and translation purposes. A Text composable is a UI component for displaying text on the screen….
In Android apps, it’s common to have text that responds to user interactions, such as clicking or tapping. In this Android development tutorial, let’s learn how to make text clickable in Jetpack Compose. Usually, the text components of an app are non-clickable by default. Sometimes, you may want to add clickable text because of UI…
Styling text is a fundamental part of any mobile app development. In Android Jetpack Compose, the process of styling text is done through Composable functions. In this blog post, let’s learn how to apply multiple colors to single Text in Jetpack Compose. The default Text composable function in Jetpack Compose doesn’t allow us to add…
The text selection is a useful feature that allows users to highlight and copy text from a document, webpage, or other sources. In this blog post, let’s learn how to make text selectable in Jetpack Compose. To start with, we’ll define a Composable function that displays a block of text using the Text component. By…