Blog

Format interpolated values like arrays of strings, measurements, and dates directly inside SwiftUI Text views using FormatStyle, and display dynamic dates using Text.DateStyle.

Design a custom About window for your SwiftUI macOS app with a personalized layout, detailed app information, and a styled background that fits your app’s look and feel.

SwiftUI uses a localized string matching the image name as the accessibility label, without needing to apply the accessibilityLabel() modifier.

SwiftUI offers several methods to change the color of text, including foregroundStyle() and tint() modifiers, AttributedString attributes, and the textRenderer() API for advanced styling.

Combining multiple SwiftUI Text views into a single text with the + operator to apply different styles can cause localization issues, making text interpolation the preferred technique for accurate translations.

Make SF Symbols and custom images adapt to different font sizes while maintaining layout balance, keeping key icons clear, and providing more space for higher-priority content when needed.

Learn how to define custom environment values in SwiftUI, eliminate boilerplate with the @Entry macro in Xcode 16, and pass data through the view hierarchy efficiently.

Set a custom background, like an image or a translucent material, for SwiftUI sheets, popovers, and full-screen covers, and explicitly control the presentation color scheme.

Implement a high-performance lazy scrolling list in SwiftUI by efficiently reusing views for smooth scrolling with large datasets.

Detect window focus with the appearsActive environment value to adjust UI and handle focus changes.

"SwiftUI Fundamentals" is a new book by Natalia Panferova that explores SwiftUI’s core principles and APIs in depth. It will help you build a solid foundation for using SwiftUI effectively in your projects.

Learn how to build a macOS menu bar app in SwiftUI using MenuBarExtra, customize its icon, hide it from the Dock, and add essential features like a quit option.

Verify SwiftUI app state restoration using the Xcode simulator by following the correct steps, including backgrounding the app and relaunching it.

Starting with iOS 16.4, we can use the presentationCompactAdaptation(_:) modifier to tell SwiftUI that we prefer popover presentation even in compact size classes.

Display grammatically correct text effortlessly with Foundation's automatic grammar agreement, handling pluralization without extra logic.

Apply a translucent background to macOS windows using SwiftUI APIs, and adjust the toolbar background and title visibility to customize the window's appearance.

Lighten or darken colors in SwiftUI views using the brightness(_:) modifier.

SwiftUI provides a simple way to set a view's background to a shape, like a capsule or rounded rectangle, using the background(_:in:fillStyle:) modifier.

Learn how to use matchedGeometryEffect() in SwiftUI to animate a capsule background that highlights the selected option in a custom segmented control.

With iOS 18, we can now use SwiftUI animations to animate UIKit views, making it easier to bring SwiftUI’s expressive and flexible animations into UIKit projects.

Learn how to resolve the issue of using lazy variables in @Observable classes by annotating them with @ObservationIgnored.

Xcode 16 introduced the @Previewable macro, making it easier to preview SwiftUI views with bindings.

"Integrating SwiftUI into UIKit Apps" by Natalia Panferova has been updated, featuring the latest tools like Observable, the Preview macro, and a new section on animating UIKit views with SwiftUI animations in iOS 18.

Font modifiers in SwiftUI let us style text directly at the font level, offering precise control over typography in our apps.

Explore different ways to work with SwiftUI environment, including reading and setting values, creating custom environment keys, and using the environment to pass down actions and observable classes.

Discover how to use the @Observable macro in SwiftUI and its advantages over ObservableObject, such as more efficient view updates and simplified code management.

Learn how to adjust size, color, rendering modes, variable values, and design variants of SF Symbols in SwiftUI apps.

Using the overlay() modifier in SwiftUI, we can elegantly wrap text within another view, ensuring the text is positioned and sized relative to the primary content.

SwiftUI custom scenes enable the creation of modular, maintainable code, allowing for precise management of complex user interfaces and behavior across different platforms.

Leverage the new magic replace symbol effect in iOS 18 for smooth transitions of slashes and badges in SF Symbols.

Sheet sizing became more flexible in SwiftUI on iPadOS 18, with the default size now matching a form sheet and presentationSizing() allowing explicit size customizations.

Take advantage of the new macOS 15 API to update SwiftUI views when modifier keys are pressed.

Learn how to use MapKit and SwiftUI to apply a gradient that follows a polyline, enhancing the visual appeal of your maps.

Discover how to leverage SwiftUI's versatile scene types, like WindowGroup, DocumentGroup, Settings, Window, and MenuBarExtra, to create efficient and dynamic macOS applications.

Learn how to use NWPathMonitor as an async sequence for real-time network status updates in your SwiftUI views.

Use the new instance properties of the ShapeStyle in iOS 17 to access hierarchical system background styles, such as secondary and tertiary background.

Add custom foreground styles, such as gradients, to words inside Text views in SwiftUI.

The focusable() modifier available since iPadOS 17 allows us to provide full keyboard navigation, even including custom views not focusable by default.

Starting from iOS 17 and iPadOS 17 we can use ControlGroup to display a horizontal collection of actions in a context menu.

Xcode 15 automatically generates static properties on ColorResource and ImageResource types for colors and images that we store in asset catalog. This lets us access them in SwiftUI, UIKit or AppKit code without using string literals.

Let's look into the new inspector() presentation API in iOS 17, iPadOS 17 and macOS 14 and see how to customise its width on iPad and Mac, and how to change the sheet style it defaults to on iPhone.

Ensure that complex SwiftUI buttons have the correct blending in pressed state by applying the compositingGroup() modifier.

Explore how to replace the position() modifier with a custom AnchoredPosition layout to improve flexibility in aligning views relative to an anchor point, and adjust the alignment dynamically based on available space.

Build an interactive bar chart in Swift Charts that displays detailed annotations when the user is hovering over bar marks.

Enable modified actions, such as command + click or shift + click, in a SwiftUI lifecycle application on iPad using GCKeyboard from the Game Controller framework.

Register when the pointer enters and exists view's bounds and get the mouse cursor location with onContinuousHover() modifier.

Adjust the default appearance of the ShareLink button using SwiftUI view modifiers such as labelStyle(), imageScale() and symbolVariant().

Find out how text modifiers are different from view modifiers in SwiftUI and how we can use them in our code to style portions of text.

Define custom sizing logic for UIViewRepresentable views in SwiftUI apps with the new iOS 16 sizeThatFits() API.

Permanently position a view at the bottom of the screen in a SwiftUI app by placing it inside the safeAreaInset() modifier.

Use the accessibilityShowButtonShapes environment value to change the appearance of custom buttons and links embedded in Text views to make them more accessible.

Make sure that all of the necessary strings are localizable in a SwiftUI app by previewing your UI in the accented pseudolanguage.

Generate xcloc files that can be sent to translators directly from SwiftUI code and import translations back to create Localizable.strings files.

Programmatically dismiss presentations and pop views from the navigation stack in both pure SwiftUI and hybrid UIKit/SwiftUI apps with the help of the dismiss action.

Display a self-updating date and time inside a SwiftUI Text view and prevent the UI from moving as the digits in the date change.

Let users rename items from the navigation title in the toolbar using the new navigationTitle() modifier that takes a binding.

Make all parts of your app readable for users with low vision using the large content viewer APIs.

Set a custom background for TextEditor in SwiftUI by using a combination of scrollContentBackground() and background() view modifiers.

We can use the new Duration type from Foundation to represent an elapsed time value and format it using the new TimeFormatStyle.

We can customize how the user navigates through focusable views in our macOS apps with the help of the new focusSection() modifier.

Let users configure the visible items in the center area of the toolbar on iPadOS 16 to suit their personal workflows.

Learn how to use the new openWindow action in SwiftUI to programmatically present new windows in macOS 13.

Read and set the color scheme in SwiftUI by accessing the environment value, applying preferences for presentations, and customizing specific views or toolbars.

The default alignment of SwiftUI List row separators has changed in iOS 16. We also have some new APIs to customize separator insets.

Starting from iOS 16 and macOS 13 we have a SwiftUI API to request App Store reviews. We can read requestReview property from the environment and call it as a function at the appropriate time.

Tap gesture in SwiftUI now provides the tap location and we can request it in local or global coordinate space.

Starting from iOS 16 and macOS 13 SwiftUI List view can automatically generate move and delete operations without the need of onDelete() and onMove() closures.

With enhanced text modifiers in iOS 16 and macOS 13, it's easy to animate changes to text styles such as font size and weight.

Find and replace feature is automatically supported by SwiftUI TextEditor, but we also have some APIs to customize its behavior, such as disable replace or present the find UI programmatically.

Draw a custom SwiftUI view to replace the symbols in a scatter plot in Swift Charts.

New ViewThatFits API introduced at WWDC 2022 lets us create more flexible layouts in constrained space. It can even help us detect if text is truncated and adapt our views accordingly.

SwiftUI’s resizable sheet APIs let us present half sheets, define custom detents, and control sheet behavior across different device configurations.

Use the new NavigationSplitView API with a column visibility parameter to programmatically control the visibility of the sidebar in multicolumn navigation in SwiftUI.

Present a half-sheet in SwiftUI by specifying supported detents with the new presentationDetents() modifier in iOS 16.

Set custom background for a navigation bar in iOS 16 using new SwiftUI toolbarBackground() modifier.

Let's try out the new SwiftUI navigation APIs introduced in beta 1 for iOS 16 and macOS 13: NavigationStack, NavigationSplitView and ways to set up programmatic navigation.

Trigger actions with onChange() modifier in SwiftUI that depend on multiple properties changing by combining the logic in a computed property.

Learn how to size and scale symbol images in SwiftUI and why we shouldn't use resizable() modifier with SF Symbols.

Add custom encoding and decoding logic for SwiftUI Color that is not Codable by default to be able to save it to disk or remote database.

Hide and show a view based on a setting or state without shifting the layout by using opacity() modifier in SwiftUI.

Look into how to insert images, formatted data, attributed strings etc. inside SwiftUI Text views by leveraging the power of string interpolation in LocalizedStringKey.

Present multiple sheets at the same time one on top of the other like, for example, in Apple Calendar app when adding a new calendar.

We have several ways to customize the visual style of links placed inside Text views in SwiftUI: tint() modifier, different Text modifiers and attributes in AttributedString.

SwiftUI Text views can automatically parse Markdown strings when created with LocalizedStringKey. Markdown isn't parsed when created with a String variable or with verbatim initializer.

Customize actions for links inside Text views in SwiftUI by using openURL environment value.

Set underline and strikethrough styles in AttributedString and display it with SwiftUI Text view.

Set a keypath to your model properties as FocusState value to avoid declaring custom enums to programmatically set focus and respond to focus changes.

Build sidebar navigation for your macOS app with the help of selection binding in List view and use SceneStroage for state restoration.

Allow users to select the contents of SwiftUI Text view, to be able to copy or share it, by applying textSelection() modifier.

Make use of the focused scene value API to pass data from the focused scene to the commands section of the app.

Avoid the conflict between the drag gesture and editing of text fields inside list rows and make focusing on text fields easier.

Change the style of navigation view in document based apps, by hiding the default view and adding our own.

Make an editable list of items in SwiftUI that automatically adds an empty text field for users to easily add new entries.

Add custom information and copyright to your app's About window on macOS when using the SwiftUI app lifecycle.

Integrate with UndoManager in SwiftUI by building a reusable UndoProvider view that can be used with any binding.

Add RawRepresentable conformance to a custom type that represents a setting or a view state in SwiftUI to be able to save it in AppStorage or SceneStorage.

Remove the default TextEditor background on iOS and add a placeholder that is not currently supported in TextEditor out of the box.

Let users preview various file formats such as Images, Live Photos, PDFs etc. in your SwiftUI app using QuickLook framework.

Provide state restoration for expanded rows in a SwiftUI List view with SceneStorage property wrapper.

Programmatically scroll SwiftUI ScrollView to a newly added item by combining ScrollViewReader and onChange() view modifier.

Implement state restoration in an example tab-based app that stores records of different types of trips.

In this article we will look into how to create a custom hover effect in SwiftUI and how to abstract this logic into a reusable view modifier.

Programmatically scroll SwiftUI List to a particular item, using the fact that its internal implementation is based on UITableView.

Add keyboard shortcuts to a SwiftUI iOS/iPadOS app to improve user experience when using your app with an attached hardware keyboard.

Make a scrollable view in SwiftUI scroll the active text field into visible range when the keyboard appears on screen in iOS 13.

Buttons inside a List row can cause the entire row to become tappable and trigger multiple buttons at once, but applying a specific button style ensures each button works independently.