SwiftUI 5: What’s New In ScrollView

Рет қаралды 8,255

Күн бұрын

Apple has just released a significant update to the SwiftUI’s ScrollView.
In this video, I'm talking about new changes and I built a custom gallery carousel/slider.
You will learn how to use the new SwiftUI ScrollView API: safeAreaPadding, scrollClipDisabled, scrollTargetBehavior, containerRelativeFrame, scrollTargetLayout, scrollTransition and scrollPosition.
Link to the repository: github.com/mikina/WhatsNewInS...
00:00 Intro
01:22 safeAreaPadding
01:56 scrollClipDisabled
02:30 scrollTargetBehavior
03:09 containerRelativeFrame
03:47 scrollTargetLayout
04:12 scrollTransition
07:58 scrollPosition
12:45 Outro
#iOS #SwiftUI #Swift
Music: Streambeats

Пікірлер: 17

@FloWritesCode Жыл бұрын

I planned to make a video like this as well, but yours is so good that I won't do one for now. Great work, Mike. Really nice overview of everything that changed!

@mikemikina Жыл бұрын

Thanks Flo!

@DVMagicStudios Ай бұрын

Excellent thorough explanation, pace and visuals.

@user-wt3lh3rc8g 6 ай бұрын

awesome explain, thanks

@marvinmeinhard4711 9 ай бұрын

This is perfectly explained and deserves much more views. Thank You!

@mikemikina 9 ай бұрын

Thanks Marvin! 🙌

@rongqingsun1927 8 ай бұрын

Very nice video, thank you!!

@mikemikina 8 ай бұрын

Glad you liked it!

@satoriappdev 7 ай бұрын

Very well done

@mikemikina 7 ай бұрын

Thanks!

@tbarcello 4 ай бұрын

How about keeping the selected photo always horizontally centered? Possible?

@mikemikina 4 ай бұрын

Yes, it is. I actually started with this. It looked like an old iPod animation 😄 But it had a problem with the last photo. That's why I decided to switch to a simpler version.

@FriedItalian 9 ай бұрын

scrollPosition(initialAnchor) is not showing up in my xcode and I cannot find documentation for it. Any help?

@mikemikina 9 ай бұрын

The scrollPosition(initialAnchor:) has been replaced by the defaultScrollAnchor(_:). You can find it here: developer.apple.com/documentation/swiftui/view/defaultscrollanchor(_:)

@Kamboire 4 күн бұрын

My photo text don't appear even with your binding method any help ?

@mikemikina Күн бұрын

Can you share your code?

@Kamboire 8 сағат бұрын

@@mikemikina GeometryReader(content: { geometry in let size = geometry.size ScrollView(.horizontal){ HStack(spacing : 5){ ForEach(RowCards){ card in GeometryReader(content: { proxy in let cardsize = proxy.size let minX = proxy.frame(in: .scrollView).minX - 30.0 let minX2 = min((proxy.frame(in: .scrollView).minX*1.4),size.width*1.4) Image(card.image) .resizable() .aspectRatio(contentMode: .fill) .offset(x: -minX) .frame(width: cardsize.width, height: cardsize.height) .clipShape(.rect(cornerRadius: 10) ) .shadow(color: /*@START_MENU_TOKEN@*/.black/*@END_MENU_TOKEN@*/.opacity(0.25), radius: 8, x : 5 ,y : 10) }) .frame(width: size.width - 60) .scrollTransition(.interactive,axis: .horizontal) { view, phase in view .scaleEffect(phase.isIdentity ? 1 : 0.93) } } } .padding(.horizontal,15) .scrollTargetLayout() .frame(height: size.height,alignment: .top) } .scrollTargetBehavior(.viewAligned) .scrollIndicators(.hidden) }) .frame(height: 400) .padding(.horizontal,-15) .padding(.top,10) } } .padding(15) } .scrollIndicators(.hidden) }