正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

With the new scrollPosition, scrollPhase, and scrollGeometry modifiers, we can now create a scrollable tab bar similar to the one found in Instagram’s Profile Layout. Note: The primary paging view is a horizontal scroll view, and each page view is an individual vertical scroll view.

Kavsoft

25,654 subscribers

13,867 次观看 • 1 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

5 条评论

Aleksandr Chichkanov 的头像

Aleksandr Chichkanov1 年前

I am curious. Since you mention that the paging view is a horizontal scroll view, it means that the header area won’t be scrollable? This seems to be pretty important for apps like instagram, where the header can be pretty big

Aleksandr Chichkanov 的头像

Aleksandr Chichkanov1 年前

That’s amazing. However, I think the main problem of all the implementations of this behavior in SwiftUI is that tabs content is not “lazy”, usually it’s just a vstack. Which is rarely usable in a real app like instagram. Really excited to see what you came up with.

Adriano Ferreira 的头像

Adriano Ferreira1 年前

Can this be used to replicate Family app tab bar?

Cory Bunge 的头像

Cory Bunge1 年前

when is this video coming out?

Pramod Shukla 🚩 的头像

Pramod Shukla 🚩1 年前

Full video

相关视频

Building Scrollable Tab View Using SwiftUI | Instagram Profile Scroll Tab View | iOS 18+ | Xcode 16

Kavsoft

18,031 次观看 • 1 年前

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

Kavsoft

156,039 次观看 • 2 年前

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Okizeme.gg

22,026 次观看 • 9 个月前

Building Scrollable Tab View With New iOS 17 API's - Xcode 15 For more 👇

Building Scrollable Tab View With New iOS 17 API's - Xcode 15 For more 👇

Kavsoft

147,180 次观看 • 2 年前

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.

Chrome for Developers

10,722 次观看 • 1 年前

NEW updates to the Chase Archive 1/ Evolution of soundings over time: scroll through the slider to watch how the environment evolves through the morning and afternoon up to the event. This initial rollout will only include the priority cases (marked with an orange dot 🟠) 2/ New map: we now offer a cases view (which is the new default) and the original heatmap view which you can toggle on the top-right of the map pane. You can also choose to show counties. The styling of the map has also been improved. 3/ Location label: the location and approximate time of the event now shows up on the radar/satellite view. 4/ Added some bugfixes on the upper-air maps and mobile view Preview of the updates below:

NEW updates to the Chase Archive 1/ Evolution of soundings over time: scroll through the slider to watch how the environment evolves through the morning and afternoon up to the event. This initial rollout will only include the priority cases (marked with an orange dot 🟠) 2/ New map: we now offer a cases view (which is the new default) and the original heatmap view which you can toggle on the top-right of the map pane. You can also choose to show counties. The styling of the map has also been improved. 3/ Location label: the location and approximate time of the event now shows up on the radar/satellite view. 4/ Added some bugfixes on the upper-air maps and mobile view Preview of the updates below:

Storm Chase Archive

18,772 次观看 • 6 个月前

Site updated. New: - Feed page: View the latest mods and blogs (and social posts) of who you're following - Social posting: The ability to post 'short' posts - The 'Posts' tab in a user's profile now works, showcasing the latest social posts of the current user

DEG Mods

32,873 次观看 • 1 年前

Nice blur transition to expose the CoT without overwhelming the conversation scroll view.

Nice blur transition to expose the CoT without overwhelming the conversation scroll view.

Gavin Nelson

152,378 次观看 • 1 年前

Obsidian 1.9.3 (early access) is now available for desktop and mobile, with more improvements to Bases: - New Cards view lets you display files in a grid layout - "New item" button creates a file that matches filters of the current view - Sort menu lets you easily sort items

Obsidian 1.9.3 (early access) is now available for desktop and mobile, with more improvements to Bases: - New Cards view lets you display files in a grid layout - "New item" button creates a file that matches filters of the current view - Sort menu lets you easily sort items

Obsidian

59,198 次观看 • 11 个月前

Create engaging, scrolly-telling experiences with just a single line of CSS ✨ The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease →

Create engaging, scrolly-telling experiences with just a single line of CSS ✨ The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease →

Chrome for Developers

37,702 次观看 • 5 个月前

This is, in my opinion, what the iOS 18 Mail redesign should have looked like. Fully gesture driven, fluid and interruptible animations for the new category view. The category view is also contained inside a navigation bar palette for easier access. Built with Swift and UIKit.

This is, in my opinion, what the iOS 18 Mail redesign should have looked like. Fully gesture driven, fluid and interruptible animations for the new category view. The category view is also contained inside a navigation bar palette for easier access. Built with Swift and UIKit.

Seb Vidal

46,119 次观看 • 1 年前

View from the…View Bar.

View from the…View Bar.

Joe Ovies

27,626 次观看 • 3 个月前

How to see pantsu of your favourite character in NTE nya (For all gooner gamers): 1. Vertical View nya: Spawn motorcycle -> Press F (Drive) -> Face upward -> Press F -> While getting off the motorcycle, face to the sky -> Bottom top view nya 2. Horizontal View nya: Teleport to the phone booth in front of the 'Black Tome' in 'New Herland District' -> Walk towards the convenience store -> There will be 2 maids waiting -> Walk up the stairs and press 'X' against the front wall -> Slowly walk backwards one step at a time until it changes to 3rd person view nya -> Horizontal view nya [Special thanks for Uncle Sam to sharing this info nya...?]

How to see pantsu of your favourite character in NTE nya (For all gooner gamers): 1. Vertical View nya: Spawn motorcycle -> Press F (Drive) -> Face upward -> Press F -> While getting off the motorcycle, face to the sky -> Bottom top view nya 2. Horizontal View nya: Teleport to the phone booth in front of the 'Black Tome' in 'New Herland District' -> Walk towards the convenience store -> There will be 2 maids waiting -> Walk up the stairs and press 'X' against the front wall -> Slowly walk backwards one step at a time until it changes to 3rd person view nya -> Horizontal view nya [Special thanks for Uncle Sam to sharing this info nya...?]

Kaemiya

98,349 次观看 • 23 天前

A really cool feature of the View Transitions API (available now in stable Chrome!) is that videos and animations on the new view continue to play smoothly while transitioning. With a bit of extra JavaScript, you can even do this with elements shared across different routes ✨

A really cool feature of the View Transitions API (available now in stable Chrome!) is that videos and animations on the new view continue to play smoothly while transitioning. With a bit of extra JavaScript, you can even do this with elements shared across different routes ✨

Maxi Ferreira

351,226 次观看 • 3 年前

The Terrace View, a social bar area with great food & drink, as well as a view out of the Holte terrace and through to the pitch at Villa Park! 🤩

The Terrace View, a social bar area with great food & drink, as well as a view out of the Holte terrace and through to the pitch at Villa Park! 🤩

Aston Villa

3,198,918 次观看 • 2 年前

View Transitions now work almost perfectly in Safari Tech Preview. In this recording, you see a mobile view of What PWA Can Do Today to simulate what it would look like on iOS once support also lands there. The "flip" animation doesn't work as expected yet since the page is flipped in the wrong direction on a back navigation. Another issue is the scroll positions of the views when the page is not scrolled to the top. In Chrome this is taken care of by the "scroll" option of the Navigation API which is not yet functional in Safari TP. More details in the upcoming edition of Modern Web Weekly. Subscribe link 👇

View Transitions now work almost perfectly in Safari Tech Preview. In this recording, you see a mobile view of What PWA Can Do Today to simulate what it would look like on iOS once support also lands there. The "flip" animation doesn't work as expected yet since the page is flipped in the wrong direction on a back navigation. Another issue is the scroll positions of the views when the page is not scrolled to the top. In Chrome this is taken care of by the "scroll" option of the Navigation API which is not yet functional in Safari TP. More details in the upcoming edition of Modern Web Weekly. Subscribe link 👇

Danny Moerkerke

38,803 次观看 • 2 年前

Karbala: The Sunni Narrative. It is now available to view. Follow the link in the comments to view the complete seminar.

Karbala: The Sunni Narrative. It is now available to view. Follow the link in the comments to view the complete seminar.

Adnan Rashid

12,492 次观看 • 10 个月前

PS5’s new Showcase Mode is one of the best updates we’ve had in a long time. You can add your favorite GTA 6 screenshots and create a full view slideshow.

PS5’s new Showcase Mode is one of the best updates we’ve had in a long time. You can add your favorite GTA 6 screenshots and create a full view slideshow.

GTA 6 Countdown ⏳

194,471 次观看 • 2 个月前

The view that the Fourteenth Amendment confers citizenship to literally anyone born on U.S. soil is a recent view, and one contrary to the views at the time the amendment was written and ratified.

The view that the Fourteenth Amendment confers citizenship to literally anyone born on U.S. soil is a recent view, and one contrary to the views at the time the amendment was written and ratified.

Senator Ted Cruz

164,844 次观看 • 3 个月前

The Garden is turning orange — You can now buy, list and view Runes on Magic Eden with our new Beta program. Today we’re introducing Runes Table View: a customizable buying experience allowing you to control lot sizes and price selection. Filter by price and size, find the right one for you and buy. Simple as that. We also have Swaps View coming soon. Literally just put the amount of BTC you want to spend and we’ll find the best option in a single click. Ordinals and now Runes. The future of BTC is on Magic Eden.

The Garden is turning orange — You can now buy, list and view Runes on Magic Eden with our new Beta program. Today we’re introducing Runes Table View: a customizable buying experience allowing you to control lot sizes and price selection. Filter by price and size, find the right one for you and buy. Simple as that. We also have Swaps View coming soon. Literally just put the amount of BTC you want to spend and we’ll find the best option in a single click. Ordinals and now Runes. The future of BTC is on Magic Eden.

Magic Eden 🪄

598,040 次观看 • 2 年前