正在加载视频...

视频加载失败

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

SwiftUI: Native Spectrum View in Under 20 Lines 👇

Alberto Moral

4,211 subscribers

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

Anya Rossi• Live Now

Private livecam show

8 条评论

Santi Was Taken 的头像

Santi Was Taken1 年前

I love this little snippets, how do you come up with them?

Alberto Moral 的头像

Alberto Moral1 年前

Thanks, Santi! These are just some ideas I use in my apps or things I’m interested in learning

Dr. Michael Lauer 的头像

Dr. Michael Lauer1 年前

Nice work. It‘s annoying that this bears no resemblance to the actual audio, but that’s a limitation it shares with Apple‘s implementation…

T. Frank Lawlis 的头像

T. Frank Lawlis1 年前

Many thanks for this demo… I sure appreciate these opportunities to learn some cool tips!

Alberto Moral 的头像

Alberto Moral1 年前

No problem, I’m glad the snippets are useful! I’ll keep sharing more!

Price Ringo 的头像

Price Ringo1 年前

Sorry but I can’t read the code. The text in the GIF is just too small.

Xun 的头像

Xun1 年前

Cool, can you take this a step further and try combining the actual audio file with the animation?

wophb 的头像

wophb1 年前

Wow, Alberto, under 20 lines for a Spectrum View? That's SwiftUI wizardry! Makes me wonder if there's a spell for making debugging as easy. 😄

相关视频

Morphing SwiftUI View | iOS 18+

Morphing SwiftUI View | iOS 18+

Kavsoft

59,900 次观看 • 2 个月前

With SwiftUI and iOS 26 you can have this nice animation in just two lines

With SwiftUI and iOS 26 you can have this nice animation in just two lines

Juanjo Valiño

40,449 次观看 • 9 个月前

You can now extend Expo UI's SwiftUI with custom views and modifiers! 🚀 This means you have full native freedom! Check the demo 👇

You can now extend Expo UI's SwiftUI with custom views and modifiers! 🚀 This means you have full native freedom! Check the demo 👇

Beto

55,457 次观看 • 3 个月前

Glow in the Dark Slime 🦠✨ Liquid experiment made with SpriteKit & SwiftUI (<100 lines of code)!

Glow in the Dark Slime 🦠✨ Liquid experiment made with SpriteKit & SwiftUI (<100 lines of code)!

François 😗🎶

44,740 次观看 • 1 年前

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

Kavsoft

18,236 次观看 • 1 年前

Learn how to create an interactive chart in SwiftUI 👇

Learn how to create an interactive chart in SwiftUI 👇

Sean Allen

10,201 次观看 • 1 年前

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

Fernando Rojo

31,511 次观看 • 1 年前

PHP is going nowhere but up! All NATIVE Jetpack Compose Expressive and SwiftUI from php.net Laravel

PHP is going nowhere but up! All NATIVE Jetpack Compose Expressive and SwiftUI from php.net Laravel

Shane Rosenthal

29,368 次观看 • 1 个月前

SwiftUI Skeleton View - Skeleton Loading Animations - iOS 16+ Redacted Based Modifier Version:

SwiftUI Skeleton View - Skeleton Loading Animations - iOS 16+ Redacted Based Modifier Version:

Kavsoft

15,647 次观看 • 1 年前

Recreated using SwiftUI. For More 👇

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 次观看 • 1 年前

🧊 Native liquid glass view for React Native (Expo)! 🔗 Github:

🧊 Native liquid glass view for React Native (Expo)! 🔗 Github:

rit3zh

56,748 次观看 • 1 年前

iOS 17 introduced a lot of new things with Maps in SwiftUI. Learn about: - User Location - Markers & Annotations - Map Controls & Styles - Look Around View - Put directions on the map Full video 👇

iOS 17 introduced a lot of new things with Maps in SwiftUI. Learn about: - User Location - Markers & Annotations - Map Controls & Styles - Look Around View - Put directions on the map Full video 👇

Sean Allen

16,988 次观看 • 1 年前

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,792 次观看 • 9 个月前

The 3 phases of refactoring a SwiftUI View to improve readability and reusability. 1️⃣ Extract Dedicated SwiftUI Views 2️⃣ Create Reusable View Modifiers 3️⃣ Build Generic View Extensions Applying these together makes your views easier to scan, read, and reuse. Your code becomes cleaner, faster, and future-proof. Scalability starts today. The fundamentals were built yesterday. (Short video below 🎥) #swiftdevelopment #iosdevelopment #swiftui #swiftlanguage

The 3 phases of refactoring a SwiftUI View to improve readability and reusability. 1️⃣ Extract Dedicated SwiftUI Views 2️⃣ Create Reusable View Modifiers 3️⃣ Build Generic View Extensions Applying these together makes your views easier to scan, read, and reuse. Your code becomes cleaner, faster, and future-proof. Scalability starts today. The fundamentals were built yesterday. (Short video below 🎥) #swiftdevelopment #iosdevelopment #swiftui #swiftlanguage

Antoine v.d. SwiftLee 

16,700 次观看 • 9 个月前

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇

Beto

34,757 次观看 • 1 个月前

Swift Talk 476 Solving the View Model Problem (Part 1) We investigate, and outline a solution to, creating and updating view models in SwiftUI. This episode is free to watch, enjoy! 😊

Swift Talk 476 Solving the View Model Problem (Part 1) We investigate, and outline a solution to, creating and updating view models in SwiftUI. This episode is free to watch, enjoy! 😊

objc.io

10,586 次观看 • 6 个月前

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅

Oskar Kwaśniewski

17,889 次观看 • 1 年前

Did I tell you I'm writing a book on Turbo Native? This is the app you will build working through the chapters. It has: 🏠 Native SwiftUI home screen 🔑 Native authentication ⏺️ Native buttons (w/ a reusable API) 🛎️ Push notifications ⚡️ Turbo Streams I am so excited! 🤩

Did I tell you I'm writing a book on Turbo Native? This is the app you will build working through the chapters. It has: 🏠 Native SwiftUI home screen 🔑 Native authentication ⏺️ Native buttons (w/ a reusable API) 🛎️ Push notifications ⚡️ Turbo Streams I am so excited! 🤩

Joe Masilotti

24,872 次观看 • 3 年前