UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

SOLVED: Adding sheet() modifier to TabView

Forums > 100 Days of SwiftUI

Is there anyway I can add a sheet modifier to a TabView, so that when you click onthe tabItem icon/text, it pulls up the sheet instead of changing screens?

2      

Figured it out. Had to add a onChange Modifier before adding the sheet to the tabItem.

'''

   struct ContentView: View {

@State private var selectedItem = 1
@State private var previousSelectedItem = 1
@State private var addingCost = false
@State private var addMenu = false
@ObservedObject var expenses: Expenses
@ObservedObject var bizExpenses: BusinessExpenses

var body: some View {

    NavigationStack {
        ExpView(expenses: Expenses(), bizExpenses: BusinessExpenses())
        TabView(selection: $selectedItem){
            Text("")  
                .tabItem {
                    VStack {
                        Text("Add More")
                        Image(systemName: "plus.circle")}

                }
                .tag(2)

        }

        .onChange(of: selectedItem) {
            if 2 == selectedItem {
                self.addingCost = true
            } else {
                self.previousSelectedItem = $0
            }
        } .sheet(isPresented: $addingCost, onDismiss: {
            self.selectedItem = self.previousSelectedItem
        }) {
            AddView(expenses: expenses, busExpenses: bizExpenses).presentationDetents([.fraction(0.8),.medium, .large]).presentationDragIndicator(.visible)
        }
        .accentColor(Color.orange)

    } .toolbar {
        Button {
            addMenu.toggle()
        } label: {
            Text("Menu")
            Image(systemName: "list.dash")
        }
    }.sheet(isPresented: $addMenu) {
        testSheet.presentationDetents([.fraction(0.7), .large, .medium])
    }
}
var testSheet: some View {
    VStack {
        Text("Test Sheet")
    }
}

} '''

2      

Hacking with Swift is sponsored by RevenueCat.

SPONSORED Take the pain out of configuring and testing your paywalls. RevenueCat's Paywalls allow you to remotely configure your entire paywall view without any code changes or app updates.

Learn more here

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.