Recipes App | SwiftUI | Creating the pages

Unless you clarify what you have done till now, it is hard to say something sure.

I didn't notice it was SwiftUI (the tags do not tell correctly). In SwiftUI, it is direct: when you create the TabView, you will have in the main view (with all the tabs), code such as:

         TabView {
            FirstTabView()
                .tabItem {
                    Label("1st", systemImage: "list.dash")
                }

            SecondTabView()
                .tabItem {
                    Label("2nd", systemImage: "square.and.pencil")
                }
         }

Note: In UIKit, the simplest way to do this:

• In IB, you create ViewControllers for each destination page (one for each tab bar icon)
• You add objects in this VC
• You connect the tabBarController with a relationship segue (connect in the right order, the VC for the first tab first)
• You create a class for each VC (let's say class FirstViewController: UIViewController { }
• In IB, in Identity inspector, set the class of the VC(s): FirstViewController for the first VC
• Now you can connect the IBOutlets, the IBActions of objects FirstViewController to the code.

You create the files in the project as I explained in the other thread.

The struct will be named FirstTabView and SecondTabView.

Those files content will look like this: FirstTabView.swift

import SwiftUI

struct FirstTabView: View {
    var body: some View {
        Text("Hello, FirstTabView!")
    }
}

struct FirstTabView_Previews: PreviewProvider {
    static var previews: some View {
        MySwiftUIView()
    }
}

and SecondTabView.swift

import SwiftUI

struct SecondTabView: View {
    var body: some View {
        Text("Hello, SecondTabView!")
    }
}

struct SecondTabView_Previews: PreviewProvider {
    static var previews: some View {
        MySwiftUIView()
    }
}

The connection to the tabBar is made by this code in the parent View (the one which will contain the tabbar)

         TabView {
            FirstTabView()
                .tabItem {
                    Label("1st", systemImage: "list.dash")
                }

Wait omg, it works, it works, OMG THANK YOU. SO SO SO MUCH. THANK YOU

You've experienced the incredible pleasure of app development when it suddenly works.

have a good continuation (don't forget to close your thread).