Hi,

I try to make custom Action Sheet, but when I have TabBar on the view, this TabBar is always visible (Action Sheet is under this TabBar).

How I can make this Action Sheet above Tabbar? Many apps have that custom Action sheet (like Instagram or Spotify).

I try zindex(999999) on Action sheet but didn't work...

ps. may I have to do custom TabBar?

Not sure how you calling "Action Sheet".

However if you do

struct ContentView: View {
    @State private var showSheet = false

    var body: some View {
        TabView {
            Button("Tab One") {
                showSheet.toggle()
            }
            .tabItem {
                Label("One", systemImage: "1.circle")
            }
            Text("Tab Two")
                .tabItem {
                    Label("Two", systemImage: "2.circle")
                }
            Text("Tab Three")
                .tabItem {
                    Label("Three", systemImage: "3.circle")
                }
        }
        .sheet(isPresented: $showSheet) {
            MyCustomSheet()
        }
    }
}

This will present the sheet over the Tab Bar

Custom Action Sheet is some like this:

its normal View with offset so if i try do this, i get the:

right side - tab bar always visible

Would be better if you could provide some code, so that others could help you solve this task. There may be many reasons why this is not happening the way you want but without peeking into your code it's just pointing a finger at the sky.

I agreed with @ygeras as the code sippet that I gave before would work for the top image as you can customise the sheet view to what ever you need. See this video What's New In Xcode 14.3: You Won't Believe What's Changed!

However think you trying to use .actionSheet (which will be Deprecated and should be using confirmationDialog instead).

This will also cover the "TabBar"

struct ContentView: View {
    @State private var showSheet = false

    var body: some View {
        TabView {
            Button("Tab One") {
                showSheet.toggle()
            }
            .tabItem {
                Label("One", systemImage: "1.circle")
            }
            Text("Tab Two")
                .tabItem {
                    Label("Two", systemImage: "2.circle")
                }
            Text("Tab Three")
                .tabItem {
                    Label("Three", systemImage: "3.circle")
                }
        }
        .confirmationDialog("Title", isPresented: $showSheet, titleVisibility: .visible) {
            Button("One") { }
            Button("Two") { }
            Button("Three") { }
            Button("Four") { }
        }
    }
}