Jetpack compose helps you to create your Android app’s UI in a more flexible and intuitive way. With Compose, you can create beautiful, responsive user interfaces with less code than traditional XML layouts. Let’s learn how to arrange your UI components horizontally using Jetpack composable functions in this Android app development tutorial. Arranging a set…
Jetpack Compose provides a new way to design the UI of your Android app. It’s effortless and effective to create UI elements with composable functions. In this Android tutorial, let’s check how to arrange your UI elements vertically using Jetpack composable functions. It’s straightforward. You just need to use Column composable and wrap it around…
Kotlin has become the go-to language for Android app development. It’s simpler and more modern than Java. In this comprehensive tutorial, we’re going to dive deep into how to declare and use variables in Kotlin. What Are Variables? Variables in Kotlin act like containers. They hold data that you can use and manipulate throughout your…
Kotlin has rapidly gained popularity as the go-to language for native Android app development. But its utility goes beyond that. In this enhanced Kotlin tutorial, we’ll dive deep into creating and using functions. We’ll cover basic functions, functions with returns, single and multiple parameters, and default arguments. Basic Function Syntax in Kotlin Kotlin makes declaring…
TextField is a very important widget that helps users to input text. Sometimes you may want the case of the TextField text specific. In this Flutter tutorial, let’s check how to capitalize the content of TextField. It’s quite simple. You can use TextCapitalization class to capitalize input text. With the help of textCapitalization property of…
I own a Macbook Pro with an M1 chip. I faced a build failing issue When trying to run a new react native project for iOS. There was no issue with running the same project on Android. Let’s check how to fix this specific build issue with M1 Mac. I got the following error when…
Sometimes you may want to show images according to a given aspect ratio instead of a fixed height. Let’s check how to show images with a predefined aspect ratio in react native. In this react native example, I will show you images in a 2/3 aspect ratio. The 2/3 aspect ratio is generally used to…
I was trying to run a new react native project using my Android emulator and I faced an unexpected react native issue that says the Android Gradle plugin requires Java 11 to run. Following is the complete error. The issue is with the JDK. As you can see, the error message is advocating us to…
Recently, I faced an unexpected react native error. I was creating a new React Native project with the command npx react-native init and I was shown an undefined@undefined error in the terminal. Following is the complete error. Following is the solution for this react native error. Go to users/YourName/ folder. Unhide the hidden folders. If…
Proper usage of the border and border styles is important to set your UI design appealing to users. There are three types of border types namely solid, dotted, and dashed in react native. The style property which we use to change border style is borderStyle. Let’s check how to create a dashed border in react…
FlatList is one of the most used components in react native. It helps to render a list of items smoothly. Having a drag and reorder feature in FlatList helps users to arrange the items as they wish. This feature is very useful when the user wants to change the priority of items in the list….
As a part of authentications such as phone number authentications, usage of one-time passwords is increasing among mobile phone apps. Let’s check how to create OTP input easily in react native. I am using a third-party library named react native OTP input for this example. Install react native OTP input on your project using any…