SwiftUI: Text Input Field With a Floating Label

Learn how to build a reusable Text Input Field with a Floating Label! In this series, I will teach you how to build reusable and customizable SwiftUI views that you can reuse across your own projects. In this episode, I'll show you a couple of cool techniques for using animations, VStacks, ZStacks, and a few other things to build a reusable Text View with a Floating Label. 00:00 Intro 00:27 Inheritance vs. Composition 02:26 The sample UI 03:16 Building the Floating Label Text View UI 07:32 Animating the placeholder label 09:40 Extract the view into a component 13:16 What's coming next? Subscribe to my newsletter: https://not-only-swift.peterfriese.dev/ Follow me on Twitter: https://twitter.com/peterfriese Follow me on Mastodon: https://iosdev.space/@peterfriese Read my articles on my blog: http://peterfriese.dev Check out my projects on GitHub: https://github.com/peterfriese Source code for this series: https://github.com/peterfriese/SwiftUI-Component-Series