Learn how to develop a horizontal grid layout with SwiftUI in Xcode editor - Part 6

Credo Academy ♥️ WELCOME25

. In this SwiftUI lesson, we will create a new section for the sport equipment brands. The last user interface component on the home screen. This exercise should be short and sweet since you are already know how to create a lazy horizontal grid layout with the SwiftUI framework.

That's said, let's get started by opening the Xcode editor, shall we?

BRAND DATA MODEL

1. First of all, we need to create a new data model for all brands.
2. Open the Brand JSON file and take a quick look at its content.
3. As you can see, the object has only two key-value pairs inside each instance.
4. A brand ID and an Image name for the logo.
5. I'm pretty sure that you know the drill by now.
6. We need to add a new editor pane on the right. So, let's do it!
7. After that, make the left editor active.
8. Now, select the Model group and create a new Swift file.
9. Give it the name "Brand Model" and save it.
10. It's time to create a new struct for the data model and map the JSON keys in the Xcode editor.

This SwiftUI tutorial is part of the best-seller SwiftUI Masterclass course.

#SwiftUI #Xcode #iOSDevelopment

[KK-pqlu]

One of the best SwiftUI courses on Udemy. Definitely, definitely, worth buying.

[MayurPatilishere]

Hi, how to select any item in the grid? I'm trying to highlight a selected item, but don't know how.