Вертикальная пейджинг с использованием TabView нарушает макет в SwiftUI ⇐ IOS

[Anonymous]

Я работаю над вертикальным разбиением на страницы, используя TabView. Я помещаю код проигрывателя в TabView и поворачиваю его, чтобы показывать вертикальное перелистывание, но пользовательский интерфейс ломается.

• Вертикальный пейджер

Код: Выделить всё

struct EpisodeVerticalPager: View {

let episodes: [Episode]
@Binding var selectedEpisode: Int
@Binding var currentPlayer: SimplePlayer?
@Binding var showControls: Bool

var body: some View {
GeometryReader { geo in
TabView(selection: $selectedEpisode) {
ForEach(episodes, id: \.id) { ep in
EpisodePage(
ep: ep,
currentPlayer: $currentPlayer,
showControls: $showControls
)
.tag(ep.id ?? 0)
.frame(width: geo.size.width, height: geo.size.height)
}
}
.tabViewStyle(.page(indexDisplayMode: .never))
.frame(width: geo.size.height, height: geo.size.width)
.rotationEffect(.degrees(90))  // rotate content back
.ignoresSafeArea()
}
}
}

struct EpisodePage: View {

let ep: Episode
@Binding var currentPlayer: SimplePlayer?
@Binding var showControls: Bool

var body: some View {
ZStack {

if let p = currentPlayer {
VerticalPlayerView(player: p, showControls: $showControls)
.rotationEffect(.degrees(-90))
} else {
Color.black
.ignoresSafeArea()
.overlay {
ProgressView()
.progressViewStyle(CircularProgressViewStyle(tint: .white))
}
}
}
}
}

• Изображение

Подробнее здесь: https://stackoverflow.com/questions/798 ... in-swiftui