SwiftUI on ZK Punk

Interval picker in SwiftUI

Sun, 05 Feb 2023 12:03:15 +0530

Last run on Xcode 14.2, iOS 16.2, and Swift 5.7.2

Picker View for Time Durations Link to heading

In my Timer app, I needed a Picker View for taking the timer interval from the user. Sadly, at this moment SwiftUI does not come with a built in View that I needed for my use case. However, SwiftUI does provide the building blocks to create such a view.

Change Back Button Icon in Navigation Bar

Tue, 31 Jan 2023 07:27:15 +0530

Last Run on XCODE 14.2 / iOS 16.2 / Swift 5.7.2

Change the Back Button’s Icon Link to heading

If you have used the default Settings App that comes with iOS, you are most likely to be familar with the back button with the “less than” symbol “< Back” on the top left of your iOS devices screen (in the navigation bar). It’s something we have gotten very used to, thanks to it being implemented in not only the first party apps by Apple, but also the innumerous 3rd party apps that use the NavigationStack and related API’s.

Dynamic Buttons to handle different app behvaior in SwiftUI

Sat, 21 Jan 2023 12:42:15 +0530

Last Run on XCODE 14.2 / iOS 16.2 / Swift 5.7.2

Making a Dynamic Button Link to heading

If you have noticed, the play button on most media players changes to pause once the media starts playing and vice versa. This is a behavior, I also needed in one of my apps that I was building.

It’s a functionality pretty staright forward to achieive in SwiftUI.

Making a Progress View Ring

Tue, 17 Jan 2023 13:48:35 +0530

Last Run on XCODE 14.2 / iOS 16.2 / Swift 5.7.2

Progress View Ring Link to heading

I was building a Timer app and needed a visual indicator to display the the amount of time left while the countdown was running. A circular progress bar similar to the fitness/activity rings of Apple Watch made the most sense. Sadly, Apple currently doesn’t provide a good API to use such a view in your own apps. However, building such a View in SwiftUI is pretty simple.

Injecting custom behavior during editmode on a TextField in SwiftUI

Fri, 17 Jul 2020 08:30:06 -0700

Last Run on XCODE 11.6 / Swift 5.2

Definitions Link to heading

‘TextField’ is a View provided in SwiftUI for handling user entered input into an app. As per the documentaion, Apple defines it as

“TextField - A control that displays an editable text interface.”

struct TextFieldEditMode: View {
    @State private var someData = ""
    var body: some View {
        TextField("Type something", text: $someData)
            .font(.largeTitle)
    }
}

Initializers Link to heading

The ‘TextField’ has four initializers, and the one we will be using in this post is the one listed below, that provides us with two additional parameters “onEditingChanged” and “onCommit”.

Custom View Modifiers in SwiftUI

Wed, 15 Jul 2020 21:32:39 -0700

Last Run on XCODE 11.6 / Swift 5.2

In SwiftUI View(s) are the building blocks of the UI. All changes to the Views are done by calling special functions called modfiers that wrap up the original View with the needful changes and return a View back.

In the example below, we apply a few modifiers to a Text view to create the impression of a highlighted text.

Text("I ♥️ SwiftUI")
    .font(.largeTitle)
    .foregroundColor(.black)
    .background(Color.yellow)