Swiftui Scrollview Viewmodifier Applies to All Scrollviews

Question

I have implemented a viewmodifier to Swiftui's scrollview in order to disable the built-in scrolling, to allow a custom drag gesture to apply. The modifier works great.

The thing is the viewmodifier is being applied to other scrollviews in the app, not just those targeted with the .modifier! I've tried simple possible solutions such as unique id's for the scrollviews to no avail.

Does anyone know whether this behaviour can be fixed?

ScrollViewReader { (proxy: ScrollViewProxy) in
     ScrollView(.horizontal) {
         LazyHGrid(rows: rows, alignment: .center, spacing: cellSpacing) {
              ForEach(Assets, id: \.self) { asset in
                   AssetView(asset)
              }
          }.transition(.asymmetric(insertion: .identity, removal: .identity))
                    .offset(x: initialOffset.width + x.width)
      }
      .id("AssetDetail")
      .modifier(DetailScrollViewModifier())
      .gesture(DragGesture(minimumDistance: 30, coordinateSpace: .local)......
}

struct DetailScrollViewModifier: ViewModifier {
    init() {
        UIScrollView.appearance().isUserInteractionEnabled = false
        UIScrollView.appearance().isScrollEnabled = false
        
    }

    func body(content: Content) -> some View {
        return content
    }   
}

Many Thanks

As you mentioned, UIScrollView.appearance() always affects the appearance of ALL scrollviews in your app. If you're using a gesture to 'scroll' the grid, then you might as well remove the ScrollView entirely. — nicksarno
– nicksarno, Commented Dec 23, 2020 at 23:11
Many thanks for the replies. I'm using scrollview as the lazyhstack doesn't seem to load lazily when moved via offset without the scrollview - and I am using the laziness to defer expensive loading until needed. — jamabz
– jamabz, Commented Dec 24, 2020 at 13:34

XavierZzz · Accepted Answer · 2021-12-27 09:52:04Z

-1

try this

ScrollView(.vertical, showsIndicators: false) {
   VStack {
      // Your Code
   }
}
.onAppear {
    // set
    UIScrollView.appearance().isUserInteractionEnabled = false
    UIScrollView.appearance().isScrollEnabled = false
}
.onDisappear {
    // reset
    UIScrollView.appearance().isUserInteractionEnabled = true
    UIScrollView.appearance().isScrollEnabled = true   
}

answered Dec 27, 2021 at 9:52

XavierZzz

1322 bronze badges

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

1 Comment

mfiore Over a year ago

Not working... On back to the previous view ScrollView remains disabled :(

Collectives™ on Stack Overflow

Swiftui Scrollview Viewmodifier Applies to All Scrollviews

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related