Showing Lists using Jetpack Compose is relatively easy. Having a divider between the items of the list makes the UI neat and clean. Let’s learn how to show lists with a divider between items in Android Jetpack Compose. LazyColumn composable is used to show lists in a more efficient way. There is no built-in way…
Most mobile apps need a way to display lists. Whether you’re showing a feed of social media posts or a list of settings, knowing how to implement this is crucial. In this Jetpack Compose tutorial, you’ll learn how to create a straightforward list of text items in your Android app. Why LazyColumn? LazyColumn and LazyRow…
SwiftUI provides various UI elements to make iOS development easy. Let’s learn how to align items horizontally in a layout using SwiftUI. Stacks are views that help you to align items vertically, horizontally, and in the z-direction. The HStack accepts children elements and arranges them horizontally. Read- how to align items vertically in iOS app…
Building layouts for mobile apps is a complex process. You have to arrange elements properly to make the UI appealing. In this iOS app development tutorial, let’s learn how to align UI elements vertically in SwiftUI. Stack views help developers to arrange items in SwiftUI. VStack is a view in which children are arranged vertically….
Rounded corners have the capability to make UI elements more beautiful and elegant. Let’s learn how to add borders with rounded corners in SwiftUI. Border() modifier can be used to draw borders around Ui elements. But for rounded corners, you have to use the overlay() modifier. See the code given below. As you see, we…
Borders are an important UI element to make your mobile app beautiful. In this iOS app development tutorial, let’s find out how to add borders using SwiftUI. SwiftUI provides a dedicated modifier border() to draw borders around views. See the code given below. Here, it shows a red-colored border with a thickness of 3 around…
An image is considered as one of the important UI elements of a mobile app. Let’s learn how to add an image with rounded corners in the iOS app using SwiftUI. I already posted a tutorial on how to add images in iOS. Firstly, create a new iOS app project using Xcode. Then drag and…
The importance of image as a UI element is significant. In this beginner iOS app development tutorial, let’s learn how to load an image from a URL in iOS. You should choose Image to load an image from assets. Instead, here you have to choose AsyncImage to show an image from the URL. AsyncImage is…
Images are important UI elements of a mobile app. In this beginner iOS app development tutorial, let’s learn how to add an image using Swift. First of all, create an iOS project using Xcode and open the Assets folder. Drag an image from your Finder app to the Xcode. For example, I added an image…
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…
Bottom Tabs are considered as an important UI element of mobile apps. They help users to navigate smoothly to the top features of the mobile app without hassles. Here, I am creating a beautiful custom bottom tab navigation using react navigation. React navigation library is the most popular library used for navigation features in react…
I own an M1 Macbook pro and is used for my software development purpose. Even though building react native Android app is flawless I always face issues while building iOS apps. This blog post is about common react native iOS build problems and solutions for M1 Mac users. Pod Install Failure The failure of the…