Performant, sleek and elegant.
A while ago I wrote about using MVVM in a SwiftUI project. During the WWDC’20 Apple announced @StateObject property wrapper which is a nice addition in the context of MVVM. @StateObject makes sure that only one instance is created per a view structure. This enables us to use @StateObject property wrappers for class type view …
Xcode 12 comes with Swift toolchain 5.3 which brings resource and localisation support to Swift packages. Nice thing is that Swift package support only depends on the toolchain's version and does not have additional OS requirements. At the same time, let's keep in mind that OS requirements come from the code we actually add to …
Continue reading "Separating code with Swift packages in Xcode"
Picker is used for presenting a selection consisting of multiple options. UISegmentedControl which is known from UIKit is just a different picker style in SwiftUI. Let's take a quick look on how to create a form with two items: picker with default style and picker with segmented style. Creating a from Form should be typically …
Continue reading "Picker and segmented control in SwiftUI on iOS"
SwiftUI provides wrappers for UIViewController and UIView on iOS. Same wrappers are also available for AppKit views on macOS. Let's see how to use those wrappers for rendering UIKit views in SwiftUI previews and therefore benefiting from seeing changes immediately. Note that even when a project can't support SwiftUI views because of the minimum deployment …
I am happy to announce that Signal Path 2.0 is available now for macOS and iOS. Signal Path uses Apple's universal purchase offering - buy it once for both platforms. Signal Path 2.0 on the App Store Past, present, and future I spent a lot of time architecting both apps in a way that they …
Continue reading "Signal Path 2.0 for iOS and macOS is available now!"
Let's take a look on how to set an equal width to multiple views where the width equals to the widest Text() view in SwiftUI. SwiftUI does not have an easy to use view modifier for this at the moment, therefore we'll add one ourselves. Example use case is displaying two text bubbles with width …
Continue reading "Setting an equal width to text views in SwiftUI"
I was looking into creating a view which has TextField with NumberFormatter. Typed text would show up in a separate label and when trying to enter non-numbers, the TextField would reject those characters. Although TextField component in SwiftUI has generic initialiser init(_:value:formatter:onEditingChanged:onCommit:) it does not seem to do what we need. Value binding does not …
Continue reading "Validating string in TextField with NumberFormatter in SwiftUI"
View models in MVVM are responsible of making the model suitable for presenting by a view. Quite often model objects themselves have properties which can be directly presented by the view. SE-0195 added dynamic member lookup types. Using @dynamicMemberLookup we can add all the model object's properties to the view model itself. Result, model.name is …
Everything can't go exactly as planned and therefore, at some point, there is a need for presenting localized error messages to the user. Let's take a look at how to add custom error type what provides error description, failure reason and recovery suggestion and presenting it in SwiftUI view. Adding custom error type Custom error …
Apps which integrate push or local notifications can customise notifications on Apple Watch. Let's go through steps required for adding dynamic notifications on Apple Watch. Sample use case is an app which reminds when a plant needs watering. We'll only concentrate on adding dynamic notification view and leave out sending local notifications from the iOS …
Continue reading "Dynamic user notification on Apple Watch with SwiftUI"
CoreData is Apple's object graph and persistence framework. It provides data sources for synchronising data with view. Let's take a look on how to use those data sources in SwiftUI views. Starting with NSFetchedResultsController what is used for list and collection views, after that observing NSManagedObject directly from SwiftUI view and lastly subscribing to managed …
Let's build a simple app using MVVM (model-view-view model) where every SwiftUI view has its own view model. It's going to be an app with two views: list of movies and add a movie view what utilises Form view. Added movies are stored in MovieStore which is shared by the two view models. We will …
One building block for navigating from one view to another is NavigationView which is a representation of UINavigationController in UIKit. This time, let's take a look on how to transition from one SwiftUI view to another one without NavigationView. AppFlowCoordinator managing choosing the view The idea is to have a root SwiftUI view with only …
Instead of initializing SwiftUI views with dependencies, SwiftUI also offers other ways for injecting dependencies. This time let's take a look on EnvironmentKey which defines a key for inserting objects to environment and vise-versa. We need to create a EnvironmentKey, adding an object to environment and then getting the object in SwiftUI view. Creating EnvironmentKey …
Continue reading "Injecting dependencies using environment values and keys in SwiftUI"
This year Apple added CGAnimateImageAtURLWithBlock and CGAnimateImageDataWithBlock for animating GIFs and APNGs on all the platforms to the ImageIO framework. We can pass in URL or data and get callbacks when animation changes the current frame. In Xcode 11 beta 7 implicit bridging to Swift is disabled for those APIs and therefore we need to …
Continue reading "Animating GIFs and APNGs with CGAnimateImageAtURLWithBlock in SwiftUI"
Apple's Vision framework contains computer vision related functionality and with iOS 13 it can detect text on images as well. Moreover, Apple added a new framework VisionKit what makes it easy to integrate document scanning functionality. For demonstrating the usage of it, let's build a simple UI what can present the scanner and display scanned …
Continue reading "Scanning text using SwiftUI and Vision on iOS"
Let's build a conversation view which shows a list of messages and has input text field with send button. Sent and received messages are managed by Conversation object. Conversation object manages a Session object which is simulating networking stack. This kind of setup allows us to look into how to propagate received messages from Session …
Continue reading "Creating chat view with Combine and SwiftUI"
