SwiftUI Horizontal ScrollView item becomes invisible when scroll in iOS 14.3 but works fine in iOS 13

Question

SwiftUI Horizontal ScrollView item becomes invisible when scrolled in iOS 14.3 but works fine in iOS 13

    GeometryReader { geometry in
            ZStack (alignment: .center) {
                       Color(UIColor(hexString: "#F2F2F7"))
                       .edgesIgnoringSafeArea(.all)
                VStack(alignment: .center){


                  ScrollView (.horizontal, showsIndicators: false) {
                 LazyHStack {
                     //contents
                       ForEach(0..<200)
                          { index in
                         Text(String(index))
                    }
                 }}
                .frame(maxWidth: .infinity)      // << here !!
                .frame(height: 100)

                }
            }}

Provided code working fine with Xcode 12.3 iOS 14.3. Also, LazyHStack is not available for iOS 13. So please provide the full reproducel code. — Raja Kishan, Jan 28 '21 at 06:40
works well for me also, but needed to use: Text(String(index)) or Text("\(index)") — workingdog support Ukraine, Jan 28 '21 at 06:50
@Raja yeah LazyHStack not available in iOS 13 but for iOS 13 I used just HStack — Adeyemi Seun, Jan 28 '21 at 07:21
still works well for me using for example: Color(UIColor.green). However I get the numbers in the middle of the screen. Is this really all the code? — workingdog support Ukraine, Jan 28 '21 at 08:03

score 0 · Answer 1 · answered Feb 02 '21 at 19:13

0

the culprit was .cornerRadius(20, corners: [.topLeft, .topRight]) changed it to .cornerRadius(20) and it works fine

answered Feb 02 '21 at 19:13

Adeyemi Seun

111
9

https://stackoverflow.com/questions/64259513/swiftui-issue-on-ios-14-with-scrollview-hstack-content-being-cut-off/64571117 – Adeyemi Seun Feb 21 '21 at 17:27

SwiftUI Horizontal ScrollView item becomes invisible when scroll in iOS 14.3 but works fine in iOS 13

1 Answers1