|

How to add Underlined Text in Android Jetpack Compose

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…

How to Implement Scrolling in Android Jetpack Compose
|

How to Implement Scrolling in Android Jetpack Compose

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…

How to add Custom Fonts in Android Jetpack Compose
|

How to add Custom Fonts in Android Jetpack Compose

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…

|

How to Add Shadows to Text in Android Jetpack Compose

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…

|

How to make Text Bold in Android Jetpack Compose

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…

|

How to add Text from strings.xml in Android Jetpack Compose

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….

|

How to make Text Clickable in Android Jetpack Compose

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…

|

How to Add Multiple Color Styles to Single Text in Android Jetpack Compose

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…

|

How to make Text Selectable in Android Jetpack Compose

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…

How to Create Password TextField in Android Jetpack Compose
|

How to Create Password TextField in Android Jetpack Compose

Creating a secure and functional password input field is a common need in mobile app development. Jetpack Compose provides a simple yet robust way to accomplish this. In this tutorial, we will learn how to use the TextField composable to create a password input field. You’ll discover how to handle different keyboard options and apply…

How to Add Icon to TextField in Android Jetpack Compose
|

How to Add Icon to TextField in Android Jetpack Compose

Text fields are crucial UI elements in any mobile application. They allow users to input data, like usernames, passwords, or search queries. Proper styling helps users understand the purpose of each field. One way to enhance your text fields is by adding icons. In this blog post, we will walk you through how to add…

How to Add TextField Border in Android Jetpack Compose
|

How to Add TextField Border in Android Jetpack Compose

TextField is a crucial element in UI design. Not only does it allow user input, but it also significantly impacts the look and feel of an application. Adding and customizing borders can elevate the visual appeal of these fields. In this guide, we’ll go through the steps to add a basic border to a TextField…