Build a stretchy header with SwiftUI on iOS 18

preview_player
Показать описание
Let's take a look at SwiftUI's new onScrollGeometryChange view modifier to create a stretchy header effect with little to no workarounds!
  1. donny wals
Рекомендации по теме
Build a stretchy 0:06:45

Build a stretchy header with SwiftUI on iOS 18

Create Stretchy Header 0:28:45

Create Stretchy Header Effect for UITableView Tutorial - iOS Development Tutorial (Part 1)

Stretchy Header Using 0:04:10

Stretchy Header Using SwiftUI - Stretchy header In ScrollView Using SwiftUI - SwiftUI Tutorial

SwiftUI: Stretchy Header 0:14:00

SwiftUI: Stretchy Header Tutorial (2021, Xcode 12, SwiftUI 2.0) - iOS Development

Build Stretchy Headers 0:07:52

Build Stretchy Headers in Swift! Xcode

How to Add 0:20:42

How to Add a Stretchy Header to your Apps with this Trick ... - Swift 4.2

SwiftUI - Stretchy 0:00:16

SwiftUI - Stretchy header

Lesson #1 | 0:13:29

Lesson #1 | How To Use Stretchy Header Effect In Swift

Create Stretchy Header 0:23:51

Create Stretchy Header Effect for UITableView Tutorial - iOS Development Tutorial (Part 2)

Boring UI? TRY 0:15:55

Boring UI? TRY THIS! - SwiftUI Stretchy Header

Create Stretchy Header 0:46:24

Create Stretchy Header Effect for UITableView and UICollectionView - iOS Development Tutorial

Stretchy header ionic2 0:00:46

Stretchy header ionic2

Swift 4.2 Stretchy 0:15:59

Swift 4.2 Stretchy Header Blur UIViewPropertyAnimator (Ep 3)

DIY - Stretchy 0:10:51

DIY - Stretchy Headers - Custom Collection View Layouts - raywenderlich.com

Stretchy header in 0:00:24

Stretchy header in swiftui

Stretchy Header 0:00:14

Stretchy Header

129 Advanced Table 0:00:13

129 Advanced Table Stretchy Header Demo

SwiftUI Sticky Header 0:12:48

SwiftUI Sticky Header - Stretchy Header Using SwiftUI - Custom Header SwiftUI - SwiftUI Tutorials

Flutter UI Tip 0:02:11

Flutter UI Tip 1: Stretchy Header

Swift 4.2 Stretchy 0:28:27

Swift 4.2 Stretchy Header Collection View Cells / Header / Padding (Ep 1)

SwiftUI - Stretchy 0:05:37

SwiftUI - Stretchy header tutorial with geometry reader (2024, IOS 16+, Xcode 15)

SwiftUI Sticky Header 0:00:45

SwiftUI Sticky Header - Stretchy Header Using SwiftUI - Custom Header SwiftUI (Preview)

Stretchy & Sticky 0:12:56

Stretchy & Sticky Header in SwiftUI on iOS 18 | SwiftUI

Video3 StretchyHeader SalePreview 0:52:08

Video3 StretchyHeader SalePreview

Комментарии
Автор

Thanks for this great video! If I want to have a swiftui map where the image is and still have click through - how would that work?

Magnus-jo
Автор

Cool. Now we just have to way a few years to be able to use it because Apple does not want to backport UI like Android has AndroidX....

tokero
Автор

I'm still using geometry in background Color to get offset, which is the only way I tested with acceptable frequency.

RFIHW
Автор

Hard to tell from the video, but did you by any chance notice a bit "out of sync" in scrolling and transitioning when using this modifier? I just did simple recreation with it and GeometryReader and it seems as if geometry reader is more accurate "reactive". Particularly when scrolling super slow

xzilja
Автор

Donny, at the beginning of the video, the list of items is overlapping the header in a nasty way.
This may be because you have set a fixed height for the rectangle (300 pts). So the image height is being adjusted dynamically, but the rectangle is not.
Cheers.

wmblemania
visit shbcf.ru