-
-
Save timothycosta/0d8f64afeca0b6cc29665d87de0d94d2 to your computer and use it in GitHub Desktop.
| // | |
| // UIScrollViewWrapper.swift | |
| // lingq-5 | |
| // | |
| // Created by Timothy Costa on 2019/07/05. | |
| // Copyright © 2019 timothycosta.com. All rights reserved. | |
| // | |
| import SwiftUI | |
| struct UIScrollViewWrapper<Content: View>: UIViewControllerRepresentable { | |
| var content: () -> Content | |
| init(@ViewBuilder content: @escaping () -> Content) { | |
| self.content = content | |
| } | |
| func makeUIViewController(context: Context) -> UIScrollViewViewController { | |
| let vc = UIScrollViewViewController() | |
| vc.hostingController.rootView = AnyView(self.content()) | |
| return vc | |
| } | |
| func updateUIViewController(_ viewController: UIScrollViewViewController, context: Context) { | |
| viewController.hostingController.rootView = AnyView(self.content()) | |
| } | |
| } | |
| class UIScrollViewViewController: UIViewController { | |
| lazy var scrollView: UIScrollView = { | |
| let v = UIScrollView() | |
| v.isPagingEnabled = true | |
| return v | |
| }() | |
| var hostingController: UIHostingController<AnyView> = UIHostingController(rootView: AnyView(EmptyView())) | |
| override func viewDidLoad() { | |
| super.viewDidLoad() | |
| self.view.addSubview(self.scrollView) | |
| self.pinEdges(of: self.scrollView, to: self.view) | |
| self.hostingController.willMove(toParent: self) | |
| self.scrollView.addSubview(self.hostingController.view) | |
| self.pinEdges(of: self.hostingController.view, to: self.scrollView) | |
| self.hostingController.didMove(toParent: self) | |
| } | |
| func pinEdges(of viewA: UIView, to viewB: UIView) { | |
| viewA.translatesAutoresizingMaskIntoConstraints = false | |
| viewB.addConstraints([ | |
| viewA.leadingAnchor.constraint(equalTo: viewB.leadingAnchor), | |
| viewA.trailingAnchor.constraint(equalTo: viewB.trailingAnchor), | |
| viewA.topAnchor.constraint(equalTo: viewB.topAnchor), | |
| viewA.bottomAnchor.constraint(equalTo: viewB.bottomAnchor), | |
| ]) | |
| } | |
| } |
To anyone that might be using this and found that the subviews added appear on a white background: You just need to add the following line before returning in makeUIViewController:
vc.hostingController.view.backgroundColor = .clear
When using SwiftUI with tvOS, a ScrollView with a big Text View will not scroll. At least for me it didn't. I used this and added this v.panGestureRecognizer.allowedTouchTypes = [NSNumber(value: UITouch.TouchType.indirect.rawValue)] after let v = UIScrollView() and it started working. Many thanks!
@timothycosta
I fixed the height gap issue for the full height by adjusting the spacing of the VStack to 0:
GeometryReader { proxy in UIScrollViewWrapper { VStack(spacing: 0) { // <--- here ForEach(0..<100, id: \.self) { obj in ZStack { Color.purple Text("\(obj)") } .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height) } } .frame(width: proxy.size.width) .background(Color.blue.opacity(0.25)) } .ignoresSafeArea() }
Works great, just that if I put VStack in, VStack width is bound to its content and not greedy.
I'm having the same issue with the content height. Anybody get it working?
@wilg Did you ever get this working?
no, sorry
@mysterytoy @wilg I solved the issue on a similar component of mine by adding hostingController.sizingOptions = .intrinsicContentSize in the UIScrollViewViewController initializer.
Edit: Here is an excellent article about it: https://medium.com/@batrakov.vitaly/adapting-uihostingcontroller-to-changes-in-swiftui-view-size-da11a0994a1e
one more thing layoutIfNeeded must be called before returing the view because otherwise the view may freeze when updating the content in the scrollView
hi how would you use this to scroll to a particular index? can we set the offset manually?