Implementation of .page for tabViewStyle

[Louis-PAGNIER]

I wrote an alternative for .page(indexDisplayMode: .never) with #if SKIP's, but I don't know how to implement it in Skip-UI as the .tabViewStyle() command is outside of TabView(). So I don't know how to get the selected mode from the TabView struct.
Also, I'm a bit confused on how to really implement it in the struct :/

Here is my simple implementation:

Edit: I added selection with Binding

struct MentalTableSheetContentView: View {
    @State public var selectedNumber: Int
    
    var body: some View {
        VStack {
            Text(String(selectedNumber))
            HPages(selection: $selectedNumber) {
                ForEach(0..<100) { i in
                    VStack {
                        Text(String(i))
                            .font(.system(size: 70))

                        Text("Hello")

                        NumberImageView(data: nil)
                            .aspectRatio(contentMode: .fit)
                            .cornerRadius(10)
                            .padding(.horizontal)
                            .padding(.bottom, 10)
                    }
                    .frame(maxWidth: .infinity)
                }
            }
        }.presentationDetents([.medium])
    }
}

#if !SKIP
struct HPages<Content: View>: View {
    @Binding public var selection: Int
    public let content: () -> Content
    
    var body: some View {
        TabView(selection: $selection) {
            content()
        }.tabViewStyle(.page(indexDisplayMode: .never))
    }
}
#else
struct HPages: View {
    @Binding public var selection: Int
    public let content: ComposeBuilder
    
    public init(selection: Binding<Int>, @ViewBuilder content: () -> any View) {
        self._selection = selection
        self.content = ComposeBuilder.from(content)
    }
    
    var body: some View {
        ComposeView { context in
            HorizontalPagerSample(context, content: content)
        }
    }
    
    // SKIP INSERT: @OptIn(ExperimentalFoundationApi::class)
    @Composable func HorizontalPagerSample(context: ComposeContext, content: ComposeBuilder) {
        var tabViews: [View] = []
        tabViews = content.collectViews(context: context)//.filter { !$0.isSwiftUIEmptyView }
        var pagerState = rememberPagerState(pageCount = {
            tabViews.count()
        }, initialPage = selection)
        
        LaunchedEffect(pagerState) {
            snapshotFlow { pagerState.currentPage }.collect { page in
                selection = page
            }
        }
        
        HorizontalPager(state = pagerState) { page in
            Box(
                modifier = Modifier
                    .fillMaxSize(),
                contentAlignment = Alignment.Center
            ) {
                tabViews[page].Compose(context: context.content())
            }
        }
    }
}
#endif

scroll-page2.mp4

[Louis-PAGNIER]

I can simply use .environment like in .buttonStyle implementation.

[sturmenta]

hey man good work with this! I am trying to do a similar thing, can you please share the rest of the code to make this work? thanks!