Nested ScrollView in a List + refreshable strange behaviour in iOS 16

Question

In my SwiftUI app I've a List with nested ScrollView, since I've updated my iPhone to iOS 16 the refresh on the main List has a strange behavior. It seems that every ScrollView has their own refresh. The issue is that I've applied the .refreshable modifier on the main list, not on the nested ones.

Before iOS 16 the problem did not exist. So, is a bug or we can fix it is some way?

Here is the code and a short video:

List {
    VStack(alignment: .leading) {
        Text("Line 1")
            .font(.title)
        
        ScrollView(.horizontal, showsIndicators: false) {
            LazyHStack(spacing: 20) {
                Text("Item 1")
                Text("Item 2")
                Text("Item 3")
                Text("Item 4")
                Text("Item 5")
                Text("Item 6")
                Text("Item 7")
                Text("Item 8")
                Text("Item 9")
                Text("Item 10")
            }
            .frame(height: 180)
        }
    }
    .listRowSeparator(.hidden)
    
    VStack(alignment: .leading) {
        Text("Line 2")
            .font(.title)
        
        ScrollView(.horizontal, showsIndicators: false) {
            LazyHStack(spacing: 20) {
                Text("Item 1")
                Text("Item 2")
                Text("Item 3")
                Text("Item 4")
                Text("Item 5")
                Text("Item 6")
                Text("Item 7")
                Text("Item 8")
                Text("Item 9")
                Text("Item 10")
            }
            .frame(height: 180)
        }
    }
    .listRowSeparator(.hidden)
}
.listStyle(.plain)
.refreshable {
    print("refresh!")
}

It seems to be fixed in new iOS versions! – mattialerda Jun 01 '23 at 09:58 — mattialerda, Jun 01 '23 at 09:58

Roland Lariotte · Accepted Answer · 2022-10-19T19:05:57.103

4

If you change your List for a ScrollView, and then change the line .listStyle(.plain) for .padding(.horizontal), it will work the same with no bug.

edited Oct 19 '22 at 19:05

answered Oct 17 '22 at 19:22

Roland Lariotte

2,606
1
16
40

1

Thanks! I hadn't thought about trying this. The only thing is that on older versions of iOS the ScrollView doesn't support .refreshable. I put an if #available (iOS 16, *), is that the best way to handle this? – mattialerda Oct 18 '22 at 07:56
`.refreshable` is also available on iOS 15 for `ScrollView`. I assume you used this version as `refreshable(action:)` is only available in iOS 15.0 or newer. – Roland Lariotte Oct 18 '22 at 21:32
1

I've tryied on my iPad (iOS 15.7) and it doesn't work. I've read that `.refreshable` is available on iOS 15 for `List`, not for `ScrollView`. Apple added `.refreshable` on `ScrollView` with iOS 16. – mattialerda Oct 19 '22 at 07:39
What iPad do you have? I build and run the code with the `ScrollView` using `refreshable(action:)` on Xcode version 14.0.1 (14A400), with the iPad Pro 11-inch and iPhone 14 Pro simulators both running on iOS 15. – Roland Lariotte Oct 19 '22 at 19:04

score 1 · Answer 2 · answered Apr 11 '23 at 03:02

If you don't want to switch to a ScrollView from a List (because ScrollView doesn't reuse cells), using .introspectScrollView helped me. For a scrollView inside a list set isDirectionalLockEnabled to true and bounces as false to avoid this issue.

.introspectScrollView { scrollView in
     scrollView.isDirectionalLockEnabled = true
     scrollView.bounces = false
}

score 0 · Answer 3 · edited Mar 29 '23 at 00:24

0

try this on your nested ScrollViews ;)

.environment(\EnvironmentValues.refresh as! WritableKeyPath<EnvironmentValues, RefreshAction?>, nil)

edited Mar 29 '23 at 00:24

AnderCover

2,488
3
23
42

answered Mar 28 '23 at 19:24

Sibe57

11

score 0 · Answer 4 · answered Jun 01 '23 at 08:46

I'm assuming this is the answer you are looking for: https://stackoverflow.com/a/75834493

So on your nested List or ScrollView you'd add this modifier:

List/ScrollView {

}.environment(\EnvironmentValues.refresh as! WritableKeyPath<EnvironmentValues, RefreshAction?>, nil)

Nested ScrollView in a List + refreshable strange behaviour in iOS 16

4 Answers4

Linked