在TabView中设置SwiftUI PageTabViewStyle垂直流动方向

Lor*_*ngo 4 wwdc swift swiftui

现在可以使用修饰符创建水平滚动页面控制器:

.tabViewStyle(PageTabViewStyle())
Run Code Online (Sandbox Code Playgroud)

默认情况下,页面水平显示。如何修改它以同样的方式垂直滚动UIPageViewController

Lor*_*ngo 8

受厄尼斯特答案的启发,我找到了一种有效的方法来获得这一点。

GeometryReader { proxy in
    TabView(selection: selection) {
        everyView
            .frame(width: proxy.size.width, height: proxy.size.height)
            .rotationEffect(.degrees(-90))
            .rotation3DEffect(flippingAngle, axis: (x: 1, y: 0, z: 0))
    }
    .frame(width: proxy.size.height, height: proxy.size.width)
    .rotation3DEffect(flippingAngle, axis: (x: 1, y: 0, z: 0))
    .rotationEffect(.degrees(90), anchor: .topLeading)
    .offset(x: proxy.size.width)
}.tabViewStyle(PageTabViewStyle())
Run Code Online (Sandbox Code Playgroud)

我还构建了一个swift 包(VerticalTabView),它可以将所有代码包装在其中:

VTabView {
    everyView
}.tabViewStyle(PageTabViewStyle())
Run Code Online (Sandbox Code Playgroud)