SwiftUI: Make ScrollView scrollable only if it exceeds the height of the screen

by

For some reason I could not make work any of the above, but it did inspire me find a solution that did in my case. It’s not as flexible as others, but could easily be adapted to support both axes of scrolling.

import SwiftUI

struct OverflowContentViewModifier: ViewModifier {
    @State private var contentOverflow: Bool = false
    
    func body(content: Content) -> some View {
        GeometryReader { geometry in
            content
            .background(
                GeometryReader { contentGeometry in
                    Color.clear.onAppear {
                        contentOverflow = contentGeometry.size.height > geometry.size.height
                    }
                }
            )
            .wrappedInScrollView(when: contentOverflow)
        }
    }
}

extension View {
    @ViewBuilder
    func wrappedInScrollView(when condition: Bool) -> some View {
        if condition {
            ScrollView {
                self
            }
        } else {
            self
        }
    }
}

extension View {
    func scrollOnOverflow() -> some View {
        modifier(OverflowContentViewModifier())
    }
}

Usage

VStack {
   // Your content
}
.scrollOnOverflow()

More Related Contents:

  1. SwiftUI – Detect when ScrollView has finished scrolling?
  2. Move TextField up when the keyboard has appeared in SwiftUI
  3. What is the difference between ObservedObject and StateObject in SwiftUI
  4. How to tell SwiftUI views to bind to nested ObservableObjects
  5. Get the current scroll position of a SwiftUI ScrollView
  6. SwiftUI – Multiple Buttons in a List row
  7. SwiftUI HStack with Wrap
  8. SwiftUI NavigationLink loads destination view immediately, without clicking
  9. How to remove the default Navigation Bar space in SwiftUI NavigationView
  10. How to access own window within SwiftUI view?
  11. iOS14 introducing errors with @State bindings
  12. Xcode Canvas for SwiftUI previews does not show up
  13. @Binding and ForEach in SwiftUI
  14. SwiftUI Hide TabView bar inside NavigationLink views
  15. SwiftUI List color background
  16. Automatically adjustable view height based on text height in SwiftUI
  17. SwiftUI TextField max length
  18. SwiftUI – how to avoid navigation hardcoded into the view?
  19. Prevent dismissal of modal view controller in SwiftUI
  20. Implement dark mode switch in SwiftUI App
  21. How to observe changes in UserDefaults?
  22. SwiftUI withAnimation completion callback
  23. @Published property wrapper not working on subclass of ObservableObject
  24. Detect app launch from WidgetKit widget extension
  25. SwiftUI – Animations triggered inside a View that’s in a list doesn’t animate the list as well
  26. SwiftUI: NavigationDestinationLink deprecated
  27. How to have a dynamic List of Views using SwiftUI
  28. How to make a button (or any other element) show SwiftUI’s DatePicker popup on tap?
  29. How to properly group a list fetched from CoreData by date?
  30. Proportional height (or width) in SwiftUI

Leave a Comment