IOS开发:去除TabView的底部留白

我最近在做IOS开发的时候,使用SwiftUI中的TabView做左右滚动的页面切换,遇到了页面底部有大量留白无法去除的问题:

IOS开发:去除TabView的底部留白_第1张图片

我查了很多资料都没有看到网上有人记录这个问题的解决方案,后来查阅apple developer的文档,我发现.edgesIgnoringSafeArea(.all)可以解决该问题,具体用法如下:

struct ContentView: View {
    @State private var selections = 0
    
    var body: some View {
            TabView(selection: $selections) {
                HomeView()
                    .tag(0)
                    
                FlashView()
                    .tag(1)
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
            .edgesIgnoringSafeArea(.all) //  去除TabView与手机边缘的安全距离
    }
}

效果:

IOS开发:去除TabView的底部留白_第2张图片

你可能感兴趣的:(ios,swiftui)