AsyncImage in List is broken on iOS 16

Question

struct Item: Identifiable {
    let id: String
    let url = URL(string: "https://styles.redditmedia.com/t5_j6lc8/styles/communityIcon_9uopq0bazux01.jpg")!
}

struct Content: View {

    let model: [Item] = {
        var model = [Item]()
        for i in 0 ..< 100 {
            model.append(.init(id: String(i)))
        }
        return model
    }()

    var body: some View {
        List(model) { item in
            Row(item: item)
        }
    }

}

struct Row: View {

    let item: Item

    var body: some View {
        AsyncImage(url: item.url)
    }

}

Running code above with Xcode 14.1 on iOS 16.1 simulator, AsyncImage sometimes doesn’t properly show downloaded image but grey rectangle instead when scrolling in list. Is this bug or am I missing something? Thanks

SEO plus Marketing · Accepted Answer · 2023-02-25 19:43:44Z

1

.fixedSize() fixed the problem me

answered Feb 25, 2023 at 19:43

SEO plus Marketing

112 bronze badges

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

Comments

Oliver Findra · Accepted Answer · 2022-12-05 13:04:56Z

0

My solution was to use VStack in ScrollView instead of List. It looks like it's working and it doesn't have any other drawbacks.

answered Dec 5, 2022 at 13:04

Oliver Findra

1

Collectives™ on Stack Overflow

AsyncImage in List is broken on iOS 16

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related