Sometimes, you may want to tweak the default brightness of images in your Android app. In this blog post, let’s learn how to change the brightness of an image in Jetpack Compose. Before proceeding, the following is the image I am going to use in this tutorial. The Image composable has many useful parameters and…
Sometimes, you may want to blur images in your mobile app. In this Android tutorial, let’s learn how to blur an image easily in Jetpack Compose. Most of the composables including the Image have a modifier parameter and we can use the Modifier.blur to add a blur effect to the images. See the following code…
Sometimes, you may want to show an image after the center crop in your app. In this blog post, let’s check how to center crop an image in Jetpack Compose. The Image composable has many properties for customization. The contentScale option is one among them. By default the Image composable use ContentScale.Fit. In order to…
Displaying images in black and white can be a great way to add a touch of elegance or nostalgia to your app, and it’s easy to do using Jetpack Compose. In this blog post let’s learn how to show an image in black and white. The Image composable has some useful parameters and the colorFilter…
The aspect ratio is the proportion of an image’s width to its height. It plays a crucial role in the design of a mobile app as it determines how an image will be displayed on different screen sizes and orientations. In this blog post, let’s learn how to set the aspect ratio to an image…
Jetpack Compose is a modern, reactive, and declarative framework for building efficient and beautiful UI for Android. It is easy to create and customize the look of your app with Jetpack Compose. In this blog post, let’s learn how to change the image tint color in Jetpack Compose. The Image composable is used to display…
Navigating through different screens and pages is an essential aspect of building mobile apps, and React Navigation library provides a powerful way to handle this in react native. In this blog post, let’s learn how to combine the functionality of both Stack Navigator and Bottom Tab Navigator to create a nested navigator in react native….
Navigation is a crucial aspect of any mobile application. It enables users to move seamlessly between different screens and access the information and features they need. In this blog post, let’s learn how to navigate from one screen to another. Even though there are some navigation libraries, react navigation is the most popular navigation library…
Gradient text is a great way to add visual interest and depth to your mobile app. It helps to make your text stand out and draw the user’s attention. In this blog post, let’s learn how to add gradient Text in react native. For this you need two libraries- react native linear gradient and react…
Text alignment is an important aspect of app design as it affects the readability and aesthetic appeal of your app. In this blog post, let’s learn how to justify text easily in react native. In React Native, you can easily control the alignment of your text using the textAlign style property on the Text component….
Sometimes, you may want to make a text clickable in order to perform an action when it is clicked. This can be useful for creating interactive and user-friendly apps. In this blog post, let’s learn how to make the Text clickable in react native. To make text clickable, you can wrap it in either a…
Whether you’re looking to allow longer messages or simply want to give your users more flexibility in their input, then you should have multiline support. In this blog post, let’s learn how to add multiline textinput in react native. The TextInput component has many properties and multiline is one among them. You just need to…