how to add this button side by side with Tab in Vision OS

I want to add this button with some space in a tab bar I don't know what this button is called and how to add it in Vision Pro app

Replies

mmm couldn't you try doing something like that?

obviously mine is just an idea, certainly not the best solution ^_^

.ornament(attachmentAnchor: .scene(.leading), ornament: {
            VStack {
                VStack {
                    Button {
                        
                    } label: {
                        Image(systemName: "circle")
                    }
                    
                    Button {
                        
                    } label: {
                        Image(systemName: "circle")
                    }
                    
                    Button {
                        
                    } label: {
                        Image(systemName: "circle")
                    }
                }
                .padding()
                .glassBackgroundEffect()
                
                Spacer(minLength: 100.0)
                
                VStack {
                    Button {
                        
                    } label: {
                        Image(systemName: "circle")
                    }
                }
                .padding()
                .glassBackgroundEffect()
            }
        })

example

@ORRM the output given in the image looks different seems like tab view because the position of view is aligned with tab view I have seen this same effect over a Disney vision app as shown below :

https://www.youtube.com/watch?v=Cuf8jv5ouwI&pp=ygUUZGlzbmV5IHZpc2lvbiBvcyBhcHA%3D

I am looking to achieve this feature @ORRM