SwiftUI scroll view partially displays last item in Mac app

Question

How do I properly setup a ScrollView with SwiftUI in a Mac app? The example below clips the last item.

import SwiftUI

struct NameRow: View {

    var name: String

    var body: some View {
        VStack {
            Spacer()
            Text("\(name)")
            Spacer()
            Divider()
        }.frame(width: 100, height: 40)
    }
}

struct ContentView: View {

    let names = ["Homer", "Marge", "Lisa", "Bart", "Maggie", "Krusty", "Burns", "Nelson", "Otto"]

    var body: some View {
        VStack {
            ScrollView {
                ForEach(names, id: \.self) { name in
                    NameRow(name: name)
                }
            }
        }.frame(width: 100, height: 160)
    }
}

As shown in the image, the last item is clipped by the window. This view is scrolled to the bottom but the "Otto" item does not fully display.

user7946504 · Accepted Answer · 2019-08-06 08:29:57Z

0

If you remove the .fullSizeContentView from the window initialization in AppDelegate.swift so it looks like the following, then it will fully display the list.

window = NSWindow(
    contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
    styleMask: [.titled, .closable, .miniaturizable, .resizable],
    backing: .buffered, defer: false)

I don't know if this is a bug or by design.

answered Aug 6, 2019 at 8:29

user7946504

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

1 Comment

wigging Over a year ago

Removing . fullSizeContentView fixes the issue. Thanks for the suggestion.

Collectives™ on Stack Overflow

SwiftUI scroll view partially displays last item in Mac app

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