视频播放器上方和下方的大空间答案

【问题标题】：Big spaces above and below video player视频播放器上方和下方的大空间
【发布时间】：2021-03-11 08:47:33
【问题描述】：

我添加了一个视频播放器来播放流视频。现在顶部和底部都有一些空格。

import SwiftUI
import AVKit

struct LivePageView: View {
    var body: some View {
        VStack {
            Text("Top")
            VideoPlayer(player: AVPlayer(url:  URL(string: "https://stream.site.com:1500/hls/stream.m3u8")!))
                .frame(idealHeight: 300)
                .edgesIgnoringSafeArea(.all)
            Text("Bottom")
        }
        .background(Color.blue)
        .navigationBarHidden(true)
        .navigationBarBackButtonHidden(true)
    }
}

如何删除这些空格？

【问题讨论】：

您还需要顶部和底部文本吗？如果您删除该空间不应该存在。
我添加 Text() 只是为了举例。
删除它并尝试。我在我这边测试了它现在有额外的空间。你也可以使用 Ztack。
如果我删除它们，视频会延伸到全屏。这是对的。但是我真正的应用程序在顶部和底部有不同的内容。并且由于视频的遮挡，顶部有很大的空间无法移除。

标签： swift swiftui avkit

【解决方案1】：

我找到了我的问题的解决方案。问题出在NavigationView。

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                LivePageView()
            }
            .navigationBarHidden(true)
            .navigationBarBackButtonHidden(true)
        }
    }
}

以下是正确代码示例：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            LivePageView()
        }
    }
}

玩家工作很好。

【讨论】：