[SwiftUI Tutorial] Payment Calculator Design Challenge (1/6)



Hey Reader,

Yesterday, I started a SwiftUI design challenge by implementing a design from Sarah Kinney on Dribbble.

The first part of my 6 video tutorial is now live. Watch it here:

video preview

In this SwiftUI tutorial I show the app we're going to build from scratch in SwiftUI and then how to create a custom header for a NavigationStack.

If you want to follow along, you can download the full PaymentCalculator project, as well as the CustomSlider and PaymentSelector from this series.

In the video you'll learn:

  • ZStack and NavigationStack backgrounds
  • What's possible in SwiftUI
  • When you need to create custom controls

To be honest, I learned a few new things about working with the new NavigationStack by starting this challenge. I highly recommend testing your skills by implementing a design. There are always hidden challenges.

For example:

  1. SwiftUI Slider does not allow you to customize the thumb icon or the track height, so you need to use UISlider to customize it.
  2. You'll need a custom selector for the APR widget, since Segmented Controls don't allow multiple lines
  3. Backgrounds in ZStacks will automatically fill the navigation bar area if they are touching and ignore the safe area.

Click here to start the SwiftUI Payment Calculator Tutorial.

Talk soon,

-Paul

PS Do you need to make an App Store icon? I discuss my process using Pixelmator Pro and IconKit. Watch How to Make an App Icon (Mac):

video preview

PPS I am working on a new Mac app to help with slideshows. Watch the overview of Markdown Slideshow below. (YouTube is a powerful search engine, so if you have an idea and you want to validate it, show it off and see if you get any traction.)

video preview

Make iOS/macOS Apps with SwiftUI

I make it simple for creators to build iOS and macOS apps using Swift and SwiftUI. Join me for weekly developer insights and videos, and let's build something great together! Drawing from my experience at Apple, GoPro, and Microsoft, and having published seven apps on the App Store, I'm here to share industry expertise that can help you succeed in your app development journey.

Read more from Make iOS/macOS Apps with SwiftUI
Install macOS Sequoia on External SSD

Hey Reader, Over the past week, I published various videos on macOS, git, Xcode, and bootable external hard drives. If you are interested in SwiftUI, check out my upcoming iOS course. I'll be sharing some lessons on YouTube in the coming months. Let me know if non-programming videos are helpful, especially if you're new to Mac (or don't know all the best practices). New Videos How to Install macOS Sequoia on an External Hard Drive Learn how to create a bootable version of macOS. You can use...

iOS Job Search: Layoff Update #4

Hey Reader, 157 Applications and Counting . . . Is the iOS Job Market Still Thriving? In this week's video, I share my journey after being laid off, applying to over 157 positions, and navigating the evolving iOS job market. I also dive into my job search strategies, including my detailed spreadsheet, resume tips, and reflections on what’s next. Are Companies Still Hiring iOS Developers? (My Take in December 2024) Timestamps: 00:00 My iOS Job Search Update 14:35 My iOS Job Spreadsheet 15:38...

Hey Reader, Can you help me? Below is my syllabus for my upcoming iPhone Apps 101 course (updated for SwiftUI, iOS 18, and Xcode 16). What is missing from the course? What are you excited about? iPhone Apps 101 Have you ever wanted to create a polished iOS app that feels like it belongs on the App Store? Imagine crafting a project that grabs attention, showcases your skills, and even serves as a portfolio centerpiece for job interviews. That’s the journey we’ll embark on in this SwiftUI...