skiptools / skiptools/skip-ui

List inside of VStack does not display bottom views

Open
#33 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Swift
Stars
330
Forks
76
Avg merge
3h 6m
Merged PRs (30d)
1

Description

This code results in a list that doesn't show the footer row:

public struct ContentView: View {
    public var body: some View {
        VStack {
            List(1..<100) { i in
                Text("Row #\(i)")
            }
            Text("Bottom Row").font(.largeTitle)
        }
    }
}

Screenshot 2024-05-23 at 09 33 38

Embedding the List in an extra VStack works around the issue:

public struct ContentView: View {
    public var body: some View {
        VStack {
            VStack {
                List(1..<100) { i in
                    Text("Row #\(i)")
                }
            }
            Text("Bottom Row").font(.largeTitle)
        }
    }
}

Screenshot 2024-05-23 at 09 34 26

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with the provided ContentView containing a List and a footer Text inside a VStack. Compare the behavior with the extra nested VStack workaround; done means the bottom row displays without requiring that workaround.

Written by the indexing model from the issue text.

Assessment

Tech stack
swift
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.