Extra space at the bottom on ios18

[chichkanov]

I am observing some weird behavior with this library on ios18.
Having two tabs with LazyVStack causes the list to extra space at the bottom equal to the screen height.

MaterialTabs(
                // A binding to the currently selected tab.
                selectedTab: $selectedTab,
                // A view builder for the header title that takes a `MaterialTabsContext`. This can be anything.
                headerTitle: { context in
                    VStack {
                        Text("Header Title")
                        Text("Header Title2")
                        Text("Header Title3")
                        Text("Header Title4")
                        Color.purple
                            .frame(height: 100)
                    }
                    .padding()
                },
                // A view builder for the tab bar that takes a `MaterialTabsContext`.
                headerTabBar: { context in
                    // Use the `MaterialTabBar` or provide your own implementation.
                    MaterialTabBar(selectedTab: $selectedTab, sizing: .equalWidth, context: context)
                },
                headerBackground: { context in
                    // The background can be anything, but is typically a `Color`, `Gradient` or scalable `Image`.
                    // The background spans the entire header and top safe area.
                    Color.clear
                },
                // The tab contents.
                content: {
                    MaterialTabsScroll(tab: Tab.first) { _ in
                        LazyVStack {
                            Text("FIRST TAB")
                                .padding()
                                .background(Color.blue)
                                .frame(height: 100)
                            
                            ForEach(0..<100, id: \.self) { num in
                                Text("\(num)")
                            }
                        }
                        .scrollTargetLayout()
                    }
                    .materialTabItem(tab: Tab.first, label: .secondary("First"))
                    
                    MaterialTabsScroll(tab: Tab.second) { _ in
                        LazyVStack {
                            Text("SECOND TAB")
                                .padding()
                                .background(Color.red)
                                .frame(height: 100)
                            
                            ForEach(0..<100, id: \.self) { num in
                                Text("\(num)")
                            }
                        }
                        .scrollTargetLayout()
                    }
                    .materialTabItem(tab: Tab.second, label: .secondary("Second"))
                }
            )

Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2024-09-10.at.13.43.41.mp4

[wtmoose]

The extra space is only supposed to be applied when there's not enough content to fill the screen. I'll take a look.

[chichkanov]

Hey. Did you have a chance to look into it?

[wtmoose]

Yesh. A preference key broke on iOS 18 and I had to be more careful in the reduce() function.

If you don't mind, try out the head of master and letting me know if it's working for you.

[chichkanov]

Thanks, I believe it's working fine now!
However, I found another issue with scrolling #12

[wtmoose]

2.0.3