右下のフローティングアクションボタン

右下にあるボタンを実装する

ボタンの実装部分

struct FloatingButtonView: View {
     var body: some View {
         Button {
         } label: {
             Image(systemName: "rectangle.stack.badge.plus")
                 .resizable()
                 .scaledToFit()
                 .frame(width: 24.0, height: 24.0)
                 .foregroundColor(.white)
                 .padding(.all, 12.0)
                 .background(Color.red)
                 .cornerRadius(24.0)
                 .shadow(color: .black.opacity(0.3),
                         radius: 5.0,
                         x: 1.0, y: 1.0)
         }
     }
 }

呼び出し部分

struct BarPagerView: View {
    var body: some View {
        NavigationView {
            ZStack(alignment: .bottomTrailing) {
                VStack(spacing: .zero) {
                    // 画面表示部分
                    Spacer()
                }
                FloatingButtonView()
                    .offset(x: -16.0, y: -16.0)
            }
            .navigationBarTitleDisplayMode(.inline)
        }
    }
}

参照

以下のページを参照
https://qiita.com/MilanistaDev/items/09809b38dc8b23efa9ac