Whenever we use dynamic text content the chances are high that the content overflows the predefined size of the Text. In this Flutter tutorial, let’s learn how to handle Text overflow with multiple options. We use maxLines property of text to limit the number of lines and the overflow property decides how to truncate the…
Text is one of the most important widgets in Flutter. Sometimes, you may want to customize the color of the Text to make your mobile app pretty. Let’s learn how to change the Text color easily in this short Flutter tutorial. Adding text is pretty easy in Flutter. You just need to use the Text…
Row and Column are two important composables to create a mobile app layout using Jetpack Compose. Row composable helps to arrange the content horizontally whereas Column arranges child elements vertically. Let’s check how to change the default background color of Row and Column in Jetpack Compose. Jetpack Compose Row Background Color You can customize the…
The Row is an important composable and its significance in building layouts is very high. It helps to arrange child elements horizontally. Sometimes, app developers want to make Row clickable in Jetpack Compose. Modifier.clickable is used to make Row composable clickable. In the following code snippet, when the Row is clicked a Toast message is…
Column composable helps to arrange child content vertically in Jetpack Compose. Sometimes, you may want to make the Column clickable to add further functionality to the mobile app. Let’s learn how to make Column clickable easily in Jetpack Compose. In Jetpack Compose, you can make composables clickable using Modifier.clickable{}. See the following code snippet where…
The Column is one of the most used composable in Jetpack Compose. It allows to align the content vertically in a layout. In this Jetpack Compose tutorial, let’s learn how to add a Column with rounded corners easily. The rounded corners can make UI components beautiful. You can create rounded corners with the help of…
The elevation is an important design concept of material design. Column composable helps to create a layout with child components arranged vertically. Let’s check how to add elevation to the Column in Jetpack Compose. You can show shadow around the Column using the modifier parameter and Modifier.shadow. You can give a predefined value and it…
An indicator line in a TextField serves multiple purposes in a user interface. It indicates focus, error, and even disabled states. Knowing how to change these indicator colors can make your app more intuitive and visually appealing. In this tutorial, we’ll walk you through the steps to customize the indicator colors for various states in…
Placeholders serve as guiding hints that help users understand what to enter into a TextField. In Android Jetpack Compose, you have the power to customize these placeholders to fit the look and feel of your app. This tutorial will guide you through the process of changing the color of the TextField placeholder and delve into…
TextFields are crucial UI elements that enable user input in Android apps. Customizing the look of these TextFields can improve your app’s user experience. In this tutorial, we’ll delve into how to change the label colors in a TextField using Jetpack Compose. What Are Label Colors? Label colors in TextFields help users distinguish between different…
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…