gabbb

It seems indeed that button's gesture interferes with the scrollview's gesture. However, you could achieve a similar result using the .simultaneousGesture modifier with DragGesture on the button. I've put together some demo code:

@State private var scale: CGFloat = 1

var body: some View {
    ScrollView {
        VStack {
            Button {
                
            } label: {
                Image(systemName: "star")
            }
            .buttonStyle(.plain)
            .padding()
            .background(.red)
            .scaleEffect(scale)
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged({ _ in
                        withAnimation(.bouncy(duration: 0.25)) {
                            scale = 0.9
                        }
                    })
                    .onEnded({ _ in
                        withAnimation(.bouncy(duration: 0.4)) {
                            scale = 1.0
                        }
                    })
            )
        }
    }
}

You can fine-tune the animation as you see it fits. If you want to apply the same effect to several buttons create a custom view modifier including the repeated modifiers:

struct MyButtonModifiers: ViewModifier {
    @State private var scale: CGFloat = 1
    
    func body(content: Content) -> some View {
        content
            .buttonStyle(.plain)
            .padding()
            .background(.red)
            .scaleEffect(scale)
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged({ _ in
                        withAnimation(.bouncy(duration: 0.25)) {
                            scale = 0.9
                        }
                    })
                    .onEnded({ _ in
                        withAnimation(.bouncy(duration: 0.4)) {
                            scale = 1.0
                        }
                    })
            )
    }
}


ScrollView {
    VStack {
        Button {
            
        } label: {
            Image(systemName: "star")
        }
        .modifier(MyButtonModifiers())
    }
}

You can create a View extension for a more integrated use:

extension View {
    func myButtonModifiers() -> some View {
        self.modifier(MyButtonModifiers())
    }
}


Button {
    
} label: {
    Image(systemName: "star")
}
.myButtonModifiers()

I hope this alternative helps!

I'm afraid that what you're trying to do is not possible using the built-in menu view. Menu appears automatically above or below the button that triggers it (it's up to the system to define that) and its width depends on the content. If you want a modal menu that appears below the button and occupies the full width, then you should probably come up with your own custom implementation.

I don't know if it helps, but you could check out the DisclosureGroup view. It has initializers that get an "isExpanded" argument that allows to expand and collapse, showing and hiding subviews on tap. Expanded state can be changed programmatically too.

You don't need to use the .onTapGesture with TabView. When selecting a tab it automatically returns to the root view of that tab. However, if you're trying to achieve something different then please clarify. Documentation from Apple might be helpful: https://developer.apple.com/documentation/swiftui/tabview

Based on your screenshot I guess that your app is not running. Run the app and check again. Apologies if my conclusion is wrong and the app is running. In that case make sure that an instance of the ViewController class is actually created.

Try to change the function's result type to Double. The division you're performing in it will not return Int always.