Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

SwiftUI: Native Spectrum View in Under 20 Lines 👇

AlbertMoral's profile picture

Alberto Moral

4,211 subscribers

13,108 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Santi Was Taken profil fotoğrafı
Santi Was Taken1 yıl önce

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

Alberto Moral profil fotoğrafı
Alberto Moral1 yıl önce

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

Dr. Michael Lauer profil fotoğrafı
Dr. Michael Lauer1 yıl önce

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 profil fotoğrafı
T. Frank Lawlis1 yıl önce

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

Alberto Moral profil fotoğrafı
Alberto Moral1 yıl önce

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

Price Ringo profil fotoğrafı
Price Ringo1 yıl önce

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

Xun profil fotoğrafı
Xun1 yıl önce

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

wophb profil fotoğrafı
wophb1 yıl önce

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

Benzer Videolar

Morphing SwiftUI View | iOS 18+
0:22

Morphing SwiftUI View | iOS 18+

Kavsoft

59,900 görüntüleme • 1 ay önce

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

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

Juanjo Valiño

40,449 görüntüleme • 8 ay önce

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

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,401 görüntüleme • 2 ay önce

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

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

François 😗🎶

44,740 görüntüleme • 1 yıl önce

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

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

Kavsoft

18,236 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

Learn how to create an interactive chart in SwiftUI 👇
17:56

Learn how to create an interactive chart in SwiftUI 👇

Sean Allen

10,201 görüntüleme • 1 yıl önce

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

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

Kavsoft

15,647 görüntüleme • 1 yıl önce

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 görüntüleme • 1 yıl önce

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

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

rit3zh

56,748 görüntüleme • 11 ay önce

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 👇
35:03

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 görüntüleme • 1 yıl önce

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?
0:25

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,727 görüntüleme • 9 ay önce

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
0:24

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 görüntüleme • 8 ay önce

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 👇
30:46

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 görüntüleme • 22 gün önce

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! 😊
0:26

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 görüntüleme • 5 ay önce

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 😅
0:20

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 görüntüleme • 1 yıl önce

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! 🤩
2:11

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 görüntüleme • 2 yıl önce

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 👇
0:21

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 görüntüleme • 3 ay önce