Including customized view to navigation with Liquid Glass impact like Join App

I would really like add buttons that seem like chips to the navigation bar utilizing SwiftUI. Apple’s Join app has this:

I attempted to attain this with the next code:

struct ContentView: View {
    var physique: some View {
        NavigationStack {
            Checklist {
                ForEach(0..<100) { index in
                    Textual content("Content material")
                }
            }
            .navigationTitle("Demo")
            .navigationBarTitleDisplayMode(.inline)
            .safeAreaInset(edge: .prime) {
                ScrollView(.horizontal) {
                    HStack {
                        ForEach(0..<5) { index in
                            Textual content("Textual content (index)")
                                .padding()
                                .glassEffect()
                        }
                    }
                    .padding(.horizontal)
                }
            }
        }
    }
}

Nevertheless it would not work as anticipated:

• The chips have some bizarre background shade

• Scrolling the record up makes it fade out under the navigation, however the chips should not taken under consideration

Is it attainable to attain the identical impact as Apple’s Join app?