How to Implement API Calls in SwiftUI for iOS 14 and Below Using async and await

Learn how to handle asynchronous API calls in SwiftUI for iOS 14 by utilizing the `onAppear` method, ensuring compatibility with earlier versions of iOS.
---

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Swift: task {} before iOS 15?

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Implementing API Calls in SwiftUI for iOS 14 and Below

When diving into the fascinating world of SwiftUI, developers frequently want to integrate API calls to display dynamic data in their applications. However, with the introduction of the task {} modifier in iOS 15, many developers are left wondering how to implement similar functionality in earlier versions, particularly for iOS 14. This article will guide you through a straightforward method to achieve this with minimal fuss.

The Challenge

If you're targeting an iOS 14 audience and following guides that utilize the .task method like so:

[[See Video to Reveal this Text or Code Snippet]]

You may encounter an error stating that the 'task(priority:_:)' is only available in iOS 15.0 or newer. This message reveals the challenge: how can we call an API when a view appears without falling back on features exclusive to iOS 15?

The Solution: Using .onAppear() and async/await

Instead of using the .task modifier, you can leverage the .onAppear() method to invoke your API call when the view loads. We'll restructure our SwiftUI code to adopt this approach.

Step-by-step Implementation

1. Define Your Model:
First, you will need a struct to represent the data you will receive from your API. Here is an example of such a model:

[[See Video to Reveal this Text or Code Snippet]]

2. Create Your View:
Within your ContentView, you'll set up a state variable to hold your results and utilize the .onAppear() lifecycle method for your API call:

[[See Video to Reveal this Text or Code Snippet]]

Explanation of Key Sections

@State Variables: The @State variables are essential for managing the state of your view. The results array will hold the data fetched from the API. Additionally, dataTask allows you to manage the cancellation of any ongoing tasks when the view disappears.

The .onAppear() modifier: This is where the API call is initiated. It creates a new Task, which runs your asynchronous code. The try await syntax is essential as it allows you to handle asynchronous calls while catching potential errors.

Manual Error Handling: It's always a good practice to implement error handling, even if it's just to print the error message. You might want to expand upon this with user-facing alerts in a real application.

Conclusion

This technique effectively bypasses the limitations imposed by iOS 15’s .task modifier and empowers you to call APIs in your SwiftUI applications targeting iOS 14. By using the .onAppear() modifier, you can still create dynamic, responsive apps by fetching data asynchronously. Happy coding!