[SwiftUI]TextEditorの高さを変えるには？

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

TextEditorの高さを変更する方法を紹介します。

方法

TextEditorの高さを変更するには、frame修飾子を使います。

まず、TextEditorにframe修飾子を付与します。

そして、frame修飾子の引数「height」に高さを指定します。

TextEditor(text: $editText)
    .frame(height: 高さ)

frame修飾子の引数「height」に指定した高さが、TextEditorの高さになります。

使用例

struct ContentView: View {
    @State var editText = ""

    var body: some View {
        VStack {
            TextEditor(text: $editText)
                .frame(height: 200)
                .border(Color.black, width: 2)
                .padding()
        }
    }
}