swiftUI : How I can use H or VStack container with List in NavigationView

Question

    import SwiftUI

struct FolderView: View {
    var body: some View {
        NavigationView{
            VStack{
                HStack{
                    Text("hi")
                }
                .frame(height : 50)
                .frame(maxWidth : .infinity)
                .background(.blue)
            
                
                List {
                    Text("hi")
                }
            }
            
            .navigationTitle("Task Folders 📁")
        }
    }
}

struct FolderView_Previews: PreviewProvider {
    static var previews: some View {
        FolderView()
    }
}

Hi! I tried to use Hstack container in NavigationView with List, But as you can see in my attached screenshot, it is working like that, I mean the container is mixed with navigationView Area.

Is there a some way that I can solve? How I can use that with List? Thank you!

Asperi · Accepted Answer · 2022-03-22 20:01:54Z

1

Here is fixed variant - use as a background not a color but filled rectangle. Tested with Xcode 13.2 / iOS 15.2

    HStack{
        Text("hi")
    }
    .frame(height : 50)
    .frame(maxWidth : .infinity)
    .background(Rectangle().fill(Color.blue))    // << here !!

Note: it is not clear for now whether that is a bug or a new NavigationView+background(color) feature.

answered Mar 22, 2022 at 20:01

Asperi

262k28 gold badges594 silver badges888 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kyungyun Lee Over a year ago

Asperi, Thank you so much!! I will try that right now! big help!!

Collectives™ on Stack Overflow

swiftUI : How I can use H or VStack container with List in NavigationView

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related