Hey, thanks for making such a nice-looking component! I'm excited to start using it, but it's breaking the layout of my navigation bar titles. Here's a simple view without Snap:

struct MyContentView: View {
    @State var drawerState: AppleMapsSnapState = .tiny

    var body: some View {
        NavigationView {
            ZStack {
                List {
                    ForEach(1 ..< 100, id: \.self) { n in
                        Text("\(n)")
                    }
                }
            }
            .navigationBarTitle("Numbers")
        }
    }
}

Adding a Snap drawer into the ZStack breaks the nav title - it's now overlapping the list items (as though it were above them in a ZStack).

struct MyContentView: View {
    @State var drawerState: AppleMapsSnapState = .tiny

    var body: some View {
        NavigationView {
            ZStack {
                List {
                    ForEach(1 ..< 100, id: \.self) { n in
                        Text("\(n)")
                    }
                }
                SnapDrawer(
                    state: $drawerState,
                    large: .paddingToTop(24),
                    medium: .fraction(0.6),
                    tiny: .height(80),
                    allowInvisible: false
                ) { _ in
                    Text("Snap")
                }
            }
            .navigationBarTitle("Numbers")
        }
    }
}

Do you have any ideas on how to fix this?

Currently, I have the drawer in a .tinyState or invisible by default. I do so from my parent's initial @State. However, SnapDrawer starts out in its large form, even when a binding with its own initial value has already been set. This change ensures the initial value defined is derived from the binding unless no binding is provided.

This is a great library; it's pretty smooth. Thanks for making & sharing this 🙏

I'd like to change a few things about the default drawer:

1. corner radius – a bit too much for my taste
2. shadow – too big & dark imho
3. starting position – can it be at the smallest position when being first shown?
4. bottom margin – for some reason, I see a very big bottom margin below my content. can that be removed? I'm showing a list there which should go all the way to the bottom

These things should either not be added by default so I can add them later manually, or I would need a way to override them / pass values for them. As for implementation, maybe sth. similar to ButtonStyle would be suitable.

This would be great! Thanks!

When the state is set to .invisible, instead of sliding down to height 0 and disappear, it fades and shrinks to the center (I assume the only view left is the Handle, then disappears. The same applies when setting the visible state back

The dragging gesture will not be recognised to close/open the drawer.

The behaviour of Apple Maps app is to close the drawer when the table view is at the top when scrolling down.

Currently the transition between states happens after the user has released their finger.

It would be cool if the transition was interactive as the user dragged their finger. I'm not entirely sure how this could be done, but it's worth a try