button - 要素を重複させずに ZStack を使用して ForEach の前に配置する方法

Question

要素のリストと、その前に要素を追加するボタンがあるレイアウトを作成しようとしています。ナビゲーション バーに配置できることはわかっていますが、それは私が実現したいグラフィックの外観ではありません。ただし、これら 2 つの要素を ZStack 内に配置すると、VStack 内にあるにもかかわらず、ForEach がオーバーラップします。どうすればこれを解決できますか?

import SwiftUI

        struct ContentView: View {
        let arrayTest = ["Element 1", "Element 2", "Element 3"]
       
       var body: some View {
         NavigationView {
          ZStack {
            VStack {
                ForEach(arrayTest, id: \.self) { strings in
                    Text(strings)
                }
            }
           VStack {
           Spacer()
           HStack {
           Spacer()
            Button(action: {
              //AddView
              }) { 
                Image(systemName: "plus")
                  .background(Circle().foregroundColor(.yellow))
               }.padding(.trailing, 20)
               .padding(.bottom, 20)
             }
             }
           }
           }
          }
        }

編集:より正確には、ボタンを ForEach の上に配置したいと思います。VStack を使用し、要素のリストが非常に長い場合、ユーザーはボタンを見つけるために一番下までスクロールする必要があるためです。ZStack を使用すると、ユーザーがリストのどこにいても常に表示されます。