Animation does not work with List, while works with ScrollView + ForEach

Question

Kopyl OP

Created 3w

Replies 2

Boosts 0

Participants 2

Why there is a working animation with ScrollView + ForEach of items removal, but there is none with List?

ScrollView + ForEach:

 struct ContentView: View {
    @State var items: [String] = Array(1...5).map(\.description)
    
    var body: some View {
        ScrollView(.vertical) {
            ForEach(items, id: \.self) { item in
                Text(String(item))
                    .frame(maxWidth: .infinity, minHeight: 50)
                    .background(.gray)
                    .onTapGesture {
                        withAnimation(.linear(duration: 0.1)) {
                            items = items.filter { $0 != item }
                        }
                    }
            }
        }
    }
}

List:

 struct ContentView: View {
    @State var items: [String] = Array(1...5).map(\.description)
    
    var body: some View {
        List(items, id: \.self) { item in
            Text(String(item))
                .frame(maxWidth: .infinity, minHeight: 50)
                .background(.gray)
                .onTapGesture {
                    withAnimation(.linear(duration: 0.1)) {
                        items = items.filter { $0 != item }
                    }
                }
        }
    }
}```

Boost

Answer 1

Kopyl OP

3w

List:

I uploaded this Gif with the post, but for some reason it's not in the published post.

0

Answer 2

DTS Engineer OP

Apple

2w

@Kopyl Our engineering teams need to investigate this issue, as resolution may involve changes to Apple's software. I'd greatly appreciate it if you could open a bug report, include a focus sample project and post the FB number here once you do. Bug Reporting: How and Why? has tips on creating your bug report.

0

	struct ContentView: View {
	@State var items: [String] = Array(1...5).map(\.description)

	var body: some View {
	ScrollView(.vertical) {
	ForEach(items, id: \.self) { item in
	Text(String(item))
	.frame(maxWidth: .infinity, minHeight: 50)
	.background(.gray)
	.onTapGesture {
	withAnimation(.linear(duration: 0.1)) {
	items = items.filter { $0 != item }
	}
	}
	}
	}
	}
	}