Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

SwiftUI: Native Spectrum View in Under 20 Lines 👇

Alberto Moral

4,166 subscribers

13,076 Aufrufe • vor 1 Jahr •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

8 Kommentare

Profilbild von Santi Was Taken

Santi Was Takenvor 1 Jahr

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

Profilbild von Alberto Moral

Alberto Moralvor 1 Jahr

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

Profilbild von Dr. Michael Lauer

Dr. Michael Lauervor 1 Jahr

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…

Profilbild von T. Frank Lawlis

T. Frank Lawlisvor 1 Jahr

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

Profilbild von Alberto Moral

Alberto Moralvor 1 Jahr

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

Profilbild von Price Ringo

Price Ringovor 1 Jahr

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

Profilbild von Xun

Xunvor 1 Jahr

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

Profilbild von wophb

wophbvor 1 Jahr

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. 😄

Ähnliche Videos

SwiftUI Stunning Effect with Just 10 Lines 🤯

SwiftUI Stunning Effect with Just 10 Lines 🤯

Alberto Moral

29,288 Aufrufe • vor 1 Jahr

Morphing SwiftUI View | iOS 18+

Morphing SwiftUI View | iOS 18+

Kavsoft

53,337 Aufrufe • vor 16 Tagen

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,325 Aufrufe • vor 7 Monaten

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

54,834 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Jahr

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

Kavsoft

18,031 Aufrufe • vor 1 Jahr

Learn how to create an interactive chart in SwiftUI 👇

Learn how to create an interactive chart in SwiftUI 👇

Sean Allen

10,201 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

Recreated using SwiftUI. For More 👇

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 Aufrufe • vor 1 Jahr

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

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

rit3zh

56,748 Aufrufe • vor 10 Monaten

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI

Kavsoft

23,960 Aufrufe • vor 1 Jahr

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,985 Aufrufe • vor 1 Jahr

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,639 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 7 Monaten

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,578 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇

Hewad Mubariz

61,263 Aufrufe • vor 2 Monaten

junk lighting is killing us in this study, changing lighting from blue lights to full spectrum eliminated ADHD and learning disabilities this boy was absolutely tweaking under fake lighting but when under full spectrum he learned to read and started fully participating in class.

junk lighting is killing us in this study, changing lighting from blue lights to full spectrum eliminated ADHD and learning disabilities this boy was absolutely tweaking under fake lighting but when under full spectrum he learned to read and started fully participating in class.

Carnivore Aurelius ©🥩 ☀️🦙

80,516 Aufrufe • vor 1 Monat