[SwiftUI]複数行入力可能(multiline input able)なテキストフィールド(textfield)を実装するには？

どうも、ちょげ(@chogetarou)です。

複数行入力することが可能なテキストフィールドを実装する方法を紹介します。

方法
使用例

方法

複数行入力可能なテキストフィールドを実装するには、TextEditorビューを使います。

まず、テキストフィールド用の変数を用意します。

@State var editText = ""

そして、テキストフィールドの場所にTextEditorビューを指定し、TextEditorの引数「text」に用意した変数の参照を渡します。

TextEditor(text: $editText)

TextEditorを使うことで、複数行入力することができるテキストフィールドを実装することが出来ます。

使用例

以下は、使用例です。

struct SampleView: View {
    @State var editText = "Your Text"
    var body: some View {
        VStack{
            TextEditor(text: $editText)
                .frame(width: 200, height: 100)
                .padding()
                .border(Color.red,width: 1)
        }
    }
}