0

swift ui で

他画面から他画面にappendしようとすると

No exact matches in call to instance method 'append'

Value of type 'TextEditor' has no member 'text'

というアラートが出ます。

append は使えないのでしょうか?

また、TextEditorはtextを持っていないのでしょうか。

ContentView().array.append(textEditor.text)

としています。

2
  • 別画面に遷移する際に、値を渡したいというものでしょうか?
    – zunda
    2022年11月15日 0:15
  • 他画面から他画面の配列にStringを追加したいというものです。
    – tony
    2022年11月15日 4:40

1 件の回答 1

1

No exact matches in call to instance method 'append'

確証はありませんが、おそらくContentView().array.append(textEditor.text)textEditor.textを、"Sample"などと、String型のリテラルなどに置き換えると、このメッセージは消えるんじゃないでしょうか?textEditor.textの型がString型である保証がないので、型が一致しないというエラーにせざるをえないというニュアンスに見えます。もっとも、エラーが消えなくても問題の本質とは関係ありませんが。

また、TextEditorはtextを持っていないのでしょうか。

はい、ありません。

Apple Developer Documentation Structure TextEditor

このページと、このページ内のリンク View Implementations にあるプロパティが、TextEditorが持つプロパティのすべてです。この二か所にないプロパティは、他のどこにもありません。
このApple Developer Documentationは、Appleのサイトだけでなく、Xcodeにも付属しています。何か疑問が生じたら、最初にApple Developer Documentationを調べるという習慣を身につけておくと、作業や勉強が、格段にはかどると思います。

●ではどうやって、TextEditorに入力した文字列を、プログラムが受け取ればいいのか?
いちばん肝心なことは、その発想はSwiftUIの基本概念となじまないという点です。プログラムの根幹の部分に、GUI(Graphic User Interface)の部品が関与する構造は避けよう。GUIの構成にすこしでも変更を加えたら、プログラム全体が動かなくなるような構造にしてはいけない。それがSwiftUIの基本的な考え方です。

TextEditorを使った、かんたんなプログラムを書いてみましょう。

import SwiftUI

struct ContentView: View {
    
    @State var myText = ""
    
    var body: some View {
        VStack {
            TextEditor(text: $myText)
                .padding()
            Text(myText)
        }
    }
}

TextEditorのイニシアライザには、@State@BindingをつけたString型のプロパティを、引数に取ることが、必須です。その引数なしにインスタンスを作ることはできません。上のコードでは、プロパティmyTextが、$付きで引数に代入されています。
こうすることで、TextEditorにユーザが行なった入力が、プロパティmyTextの値を、リアルタイムで変更していきます。それは、myTextを表示するTextが、タイピングのたびに変化することで、確認できます。
以上から、TextEditorに入力した文字列の値は、TextEditorのイニシアライザの引数に指定したプロパティとリアルタイムで同一なのだから、そのプロパティにアクセスすることで、得ることができる。そういうことがわかると思います。

さらに、ContentView().arrayという、プロパティarrayに対するアクセスも、SwiftUIの流儀に反することがわかります。ContentViewもGUIのパーツのひとつでしかありません。
(さらに、さらに付け加えて、ContentView()って、既存のContentViewとは別の、新規のインスタンスを作って、いったい何をしたいわけ?っていう問題もはらんでいるんですけどね)

最後に、モーダル画面に、任意の文字列を入力すると、元画面のリストに、入力した文字列が追加されて表示されるという、サンプルコードを添付しておきます。
このサンプルコードでは、意図して、TextEditorではなく、TextFieldを使用しています。それは、SwiftUIでは、GUIの変更が、プログラムの根幹部分に影響を与えないようにしようという考え方を、実際に体験してもらうためです。TextFieldTextEditorに置き換えるということを、チュートリアルと思って、やってみると、面白いと思います。

import SwiftUI

struct ContentView: View {
    
    @State var myArray = ["Sunday", "Monday", "Tuesday"]
    @State var showModal = false
    
    var body: some View {
        VStack {
            List(myArray, id: \.self) { weekName in
                Text(weekName)
            }
                .padding()
            Button("Add an Item") {
                self.showModal.toggle()
            }.sheet(isPresented: $showModal) {
                ModalView(isActive: $showModal, myArray: $myArray)
            }
        }
    }
}

struct ModalView: View {
    @Binding var isActive: Bool
    @Binding var myArray: [String]
    
    @State private var newName = ""
    
    var body: some View {
        VStack {
            Text("Input a new name.")
                .padding()
            TextField("New Name", text: $newName)
            Button("Dismiss") {
                myArray.append(newName)
                isActive.toggle()
            }
        }
    }
}

@available(iOS 15.0, *)
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewInterfaceOrientation(.portrait)
    }
}
1
  • ありがとうございます。
    – tony
    2022年11月15日 4:40

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。