swiftで"Cannot infer contextual base in reference to member 'actionSheet' "とエラーが出てしまいました。

Question

swift初学者です。swiftでたった２日でマスターできるiPhoneアプリ開発集中講座という書籍を参考に、カメラアプリを作っていると、"Cannot infer contextual base in reference to member 'actionSheet' "とエラーが出てしまいました。
誰かこのエラーの解決策を教えてください。

エラーメッセージ

Cannot infer contextual base in reference to member 'actionSheet'

該当のソースコード

//
//  ContentView.swift
//  MyCamera
//
//  Created by  on 2022/09/13.
//

import SwiftUI

struct ContentView: View {
    //撮影した写真を保持する状態変数
    @State var captureImage: UIImage? = nil
    //撮影画面(sheet)の開閉状態を管理
    @State var isShowSheet = false
    //シェア画面の（sheet）の開閉状態を管理
    @State var isShowActivity = false
    //フォトライブラリーかカメラかを保持する状態変数
    @State var isPhotolibrary = false
    //選択画面（ActionSheet）のsheet開閉状態を管理
    @State var isShowAction = false
    
    var body: some View {
        //縦方向にレイアウト
        VStack {
            //スペースを追加
            Spacer()
            //撮影した写真がある時
            if let unwrapCaptureImage = captureImage {
                //撮影写真を表示
                Image(uiImage: unwrapCaptureImage)
                //リサイズ
                    .resizable()
                //アスペクト比(縦横比)を維持して画面内に
                    .aspectRatio(contentMode: .fit)
            }
            
            //スペースを追加
            Spacer()
            //カメラを起動するボタン
            Button(action: {
                //ボタンをタップした時のアクション
                //ActionSheetを表示する
                isShowAction = true
            }) {
                
                    //状態変数:$isShowSctionに変化があったら実行
                    .actionSheet(isPresented: $isShowAction) { 　//エラー発生
                        //ActionSheetを表示する
                        ActionSheet(title: Text("確認"),
                                    message: Text("選択してください"),
                                    buttons: [
                            .default(Text("カメラ"), action: {
                                            //フォトライブラリーを選択
                                            isPhotolibrary = false
                                            //カメラが利用可能かチェック
                                            if UIImagePickerController.isSourceTypeAvailable(.camera){
                                                print("カメラは利用できます")
                                                //カメラが使えるなら、isShowSheetをtrue
                                                isShowSheet = true
                                            } else {
                                                print("カメラは利用できません")
                                            }
                                        }),
                            .default(Text("フォトライブラリー"), action: {
                                            //フォトライブラリーを選択
                                            isPhotolibrary = true
                                            //isShowSheetをtrue
                                            isShowSheet = true
                                        }),
                                        //キャンセル
                                        .cancel(),
                                    ])//ActionSheetここまで
                    }//.actionsheetここまで
                //テキストを表示
                Text("カメラを起動する")
                //横幅いっぱい
                    .frame(maxWidth: .infinity)
                //高さ５０ポイントを指定
                    .frame(height: 50)
                //文字列をセンタリングに指定
                    .multilineTextAlignment(.center)
                //背景を青色に指定
                    .background(Color.blue)
                //文字色を白色に指定
                    .foregroundColor(Color.white)
            }//「カメラを起動する」ボタンここまで
            //上下左右に余白を追加
            .padding()
            //sheetを表示
            //isPresentedで指定した状態変数がtrueの時実行
            .sheet(isPresented: $isShowSheet) {
                //フォトライブラリーが選択された
                if isPhotolibrary {
                    //PHPickerViewController（フォトライブラリー）を表示
                    PHPickerView(
                        isShowSheet: $isShowSheet,
                        captureImage: $captureImage)
                } else {
                    //UIImagePickerController(写真撮影)を表示
                    ImagePickerView(
                        isShowSheet: $isShowSheet,
                        captureImage: $captureImage)
                }
                }//「カメラを起動する」ボタンのsheetここまで
                //「SNSに投稿する」ボタン
                Button(action: {
                    //ボタンをタップした時のアクション
                    //撮影した写真があるときだけ
                    //UIActibityViewController（シェア機能）を表示
                    if let _ = captureImage {
                        isShowSheet = true
                    }
                }) {
                    Text("SNSに投稿する")
                    //横幅いっぱい
                        .frame(maxWidth: .infinity)
                    //高さ５０ポイントを指定
                        .frame(height: 50)
                    //文字列をセンタリング指定
                        .multilineTextAlignment(.center)
                    //背景を青色に指定
                        .background(Color.blue)
                    //文字色を白色に指定
                        .foregroundColor(Color.white)
                }//「SNSに投稿する」ボタンここまで
                //上下左右に余白を追加
                .padding()
                //sheetを表示
                //isPresentedで指定した状態変数がtrueのとき実行
                .sheet(isPresented: $isShowActivity) {
                    //UIActivityViewController（シェア機能）を表示
                    ActivityView(shareItems: [captureImage!])
                }
                
            }//VStackここまで
        }//bodyここまで
    }//ContentViewここまで
    
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }

補足情報

Xcodeのバージョンは14.0
機種はMacBook Pro　バージョンは12.5.1です。

Answer 1

該当のソースコードをコピペして再現確認してみたところ
他のエラーも出たりしましたので、
次のエラーについてだけ書いてみますね。
"Cannot infer contextual base in reference to member 'actionSheet' "

質問欄のソースコードは次のような感じでボタンが実装されていると思います。
＊ボタンに表示するコンテンツは{}の中に記述する形のことです

Button(action: signIn) {
    Text("Sign In")
}

https://developer.apple.com/documentation/swiftui/button

actionSheetはボタン(の終わりの部分)に対して記述するみたいです。
＊ボタンに表示するコンテンツが1つ目の引数に設定されている形ですが、置き換えて読んでください

Button("Show Action Sheet", action: {
    isShowingSheet = true
})
.actionSheet(isPresented: $isShowingSheet) {
    // ...省略...

https://developer.apple.com/documentation/swiftui/view/actionsheet(ispresented:content:)

ですので、.actionSheetを「「カメラを起動する」ボタンここまで」の下に移動すると良いのかなと思いました。

}//「カメラを起動する」ボタンここまで
//状態変数:$isShowSctionに変化があったら実行
.actionSheet(isPresented: $isShowAction) {
    // ...省略...

Comments

[atomu__]

ご回答ありがとうございます！
.actionSheetを「「カメラを起動する」ボタンここまで」の下に移動したところ、エラーがなくなりました！
無事、次のレッスンに行けそうです。
初学者の私にも分かり易い回答をありがとうございました！