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
– mattialerda

2023-06-01 09:58:42 +00:00
Commented Jun 1, 2023 at 9:58 — mattialerda
– mattialerda, Commented Jun 1, 2023 at 9:58

Roland Lariotte · Accepted Answer · 2022-10-19 19:05:57Z

4

+100

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, 2022 at 19:05

answered Oct 17, 2022 at 19:22

Roland Lariotte

3,6602 gold badges26 silver badges56 bronze badges

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

4 Comments

mattialerda Over a year ago

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?

Roland Lariotte Over a year ago

.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.

mattialerda Over a year ago

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.

Roland Lariotte Over a year ago

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.

Khislatjon · Accepted Answer · 2023-04-11 03:02:54Z

1

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
}

answered Apr 11, 2023 at 3:02

Khislatjon

112 bronze badges

Comments

Joss · Accepted Answer · 2023-06-01 08:46:53Z

1

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)

answered Jun 1, 2023 at 8:46

Joss

92310 silver badges17 bronze badges

Comments

AnderCover · Accepted Answer · 2023-03-29 00:24:40Z

0

try this on your nested ScrollViews ;)

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

edited Mar 29, 2023 at 0:24

AnderCover

2,6813 gold badges26 silver badges45 bronze badges

answered Mar 28, 2023 at 19:24

Sibe57

11

Collectives™ on Stack Overflow

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

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related