In this blog post, we’re focusing on a fundamental aspect of app design – manipulating text size in SwiftUI. Understanding how to adjust the font size can make a significant difference in the aesthetics and user-friendliness of your application. Basics: Change the Text Size To alter the size of text in SwiftUI, we use the…
In this blog post, we’re going to dig into an interesting topic for anyone developing with SwiftUI: adjusting text color. This might seem like a simple task, but with the flexibility of SwiftUI, we can do so much more than simply choosing a color from the palette. Basics: Change Text Color in SwiftUI First, let’s…
In UI design, dealing with lengthy text that does not fit within its designated space is a common scenario. For Android apps, one popular solution is to display an ellipsis (“…”) at the end of the visible portion of the text to indicate the overflow. Jetpack Compose, Android’s modern UI toolkit, makes it easy to…
Hyperlinks provide a convenient way to guide users to different parts of your app or external websites. This is incredibly useful in cases such as guiding users to your terms and conditions, privacy policy, or perhaps citing a source. In this tutorial, we will discuss how you can create hyperlinks within a sentence that can…
Jetpack Compose, the modern toolkit for building native Android UI, simplifies the task of creating beautiful and interactive UIs. It’s also incredibly flexible when it comes to creating and formatting text. One powerful tool it provides for this purpose is the AnnotatedString. An AnnotatedString is a string that has additional metadata attached to segments of…
Textual content is a critical component in any app, but who said it has to be plain? Adding an image background to your text can make it pop and catch the user’s attention. This blog post will guide you through the process of setting an image background to text using Jetpack Compose. In Jetpack Compose,…
Sometimes mobile app developers want to alter the line height to make the text stand out. Let’s learn how to change the default line height in Jetpack Compose. You can change the Text line height using TextStyle and its lineHeight parameter. See the code snippet given below. The default line height will be changed as…
Sometimes, you want to change text properties such as letter spacing, line height, etc. In this Jetpack Compose tutorial, let’s learn how to add custom letter spacing to Text. You can alter the letter spacing of Text Composable using TextStyle and its parameter letterSpacing. The value should be given in scale-independent pixels(sp). See the code…
As a mobile app developer, you always want to style text appropriately. Let’s check how to make a text italic in Android using Jetpack Compose. The FontStyle help to make the Text composable italic. Following is the output. Following is the complete code for reference. If you want to make text bold then see this…
Styling text is an important aspect of designing mobile apps. Sometimes, we display all text in capital letters to show the significance. Let’s learn how to capitalize text in Jetpack Android. The Text composable doesn’t have a built-in property to change text case. Hence, we use the Kotlin function uppercase() for this purpose. See the…
In some rare scenarios, mobile app developers prefer to set a background color for text in their apps. Let’s learn how to add Text with a custom background color in Jetpack Compose. Jetpack Compose Text Background Color The TextStyle helps to set a custom background color to the Text composable. See the code snippet given…
Borders can make UI elements beautiful. Let’s learn how to add Borders to text in Jetpack Compose. Text composable has many useful parameters. In this case, the Modifier comes in handy. You can show borders using BorderStroke. See the code snippet given below. Jetpack Compose Text with Border The output is given below. Complete Code…