|

How to Add Text with Gradient Color in Android Jetpack Compose

When it comes to UI design, using gradient colors can add depth and richness to your app’s look and feel. In this Android development tutorial, we will learn how to create a gradient text in Jetpack Compose using the Brush API. Note: The usage of Brush in the TextStyle is currently experimental and may be…

How to Create a Hello World iOS app using Swift
| |

How to Create a Hello World iOS app using Swift

This tutorial is for absolute beginners who are about to start iOS app development. Here, I create a simple Hello World iOS mobile app which shows the text hello world. By creating this, you will know how to get started with iOS app development. Make sure that your Mac has the latest Xcode installed. Open…

|

How to add Strikethrough Text in Android Jetpack Compose

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…

|

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 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 show Text over an Image in Android Jetpack Compose

Nowadays, Android developers prefer Jetpack Compose toolkit for creating the UI of their apps. I already have a tutorial on adding images and in this blog post, let’s learn how to show text over an Image in Jetpack Compose. First, you need to load the image you want to use as an overlay. In Jetpack…