UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

Can't get TabView to fill entire screen

Forums > SwiftUI

There seems to be a bug where setting edgesIgnoringSafeArea(.all) on TabView still doesn't expand the view fully. See screenshot and example code. Any ideas on what I'm doing wrong and how to get rid of the white edges?

import SwiftUI

struct TabTest: View {
    var body: some View {
        TabView {
            Color.blue.tabItem { Text("Tab 1") }.tag(1)
            Color.gray.tabItem { Text("Tab 2") }.tag(2)
        }
        .tabViewStyle(PageTabViewStyle())
        .edgesIgnoringSafeArea(.all)
    }
}

struct TabTest_Previews: PreviewProvider {
    static var previews: some View {
        TabTest()
    }
}

3      

TAKE YOUR SKILLS TO THE NEXT LEVEL If you like Hacking with Swift, you'll love Hacking with Swift+ – it's my premium service where you can learn advanced Swift and SwiftUI, functional programming, algorithms, and more. Plus it comes with stacks of benefits, including monthly live streams, downloadable projects, a 20% discount on all books, and free gifts!

Find out more

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.