Swiftで作成したリスト内のボタンをクリックしたら新規行を追加する

Question

前提・実現したいこと

Swiftで作成したリストに設置したボタンをクリックしたら、リストに新規行を追加するコードを書きたいのですが、新規追加というコードが記載できず、困っております。

現在は、ボタンをクリックすると、配列の中身の全てが追加されるという形になってしまっています。

どのような編集でボタンをクリックするごとに新規の行を一行追加するというようにできますでしょうか。

ご教示いただければ幸いです。何卒よろしくお願いします。

該当のソースコード

import SwiftUI

struct ContentView: View {
  
    @State var tasks = [String]()
    
    var body: some View {
        VStack {
            NavigationView{
            List{
                ForEach(0..<tasks.count, id: .self) { task in
                    Text(self.tasks[task])}
                    .onDelete(perform: rowRemove)
                }
            .navigationBarTitle("Menu")
            }
            HStack {
                Spacer()
                Button(action: {self.tasks = createTasks()
                }) {
                    Image(systemName:"pencil.tip.crop.circle.badge.plus")
                        .resizable()
                        .foregroundColor(/*@START_MENU_TOKEN@*/.black/*@END_MENU_TOKEN@*/)
                        .padding(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)
                        .scaledToFit()
                        .frame(width: 80, height: 80)
                }
            }
            }
        }

    func rowRemove(offsets: IndexSet) {
            tasks.remove(atOffsets: offsets)
        }
    func createTasks()->[String] {
        return ["item1", "item2", "item3", "item4", "item5","item6"]
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

補足情報（FW/ツールのバージョンなど）

xcodeバージョン１２を使用しています。

Answer 1

何とか自己解決しました。