Recreating the iOS Reminders App with SwiftUI

Learn how to recreate the iOS Reminders App using SwiftUI

I wrote these little pieces of code using Swift with Swift Playgrounds on an iPad.

Code

import SwiftUI
import PlaygroundSupport

struct Screen: View {
    init() {
        UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: UIColor.systemBlue]        
        UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.systemBlue]
    }
    @State var tasks = ["Meal Prep", "Call Family", "Do Laundry"]
    var body: some View {
        NavigationView {
            VStack (alignment: .leading) {
                List {
                    ForEach(self.tasks, id: \.self) { task in 
                        HStack {
                            Image(systemName: "circle").resizable().frame(width: 20, height: 20)
                            Text(task)
                        }
                    }.onDelete { indexSet in 
                        self.tasks.remove(atOffsets: indexSet)
                    }
                }
                Button(action:{}) {
                    HStack {
                        Image(systemName: "plus.circle.fill").resizable().frame(width: 20, height: 20)
                        Text("New Reminder").foregroundColor(.blue)
                    }…