[SwiftUI]TextEditorの横幅を変えるには？

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

TextEditorの横幅を変更する方法を紹介します。

方法

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

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

そして、frame修飾子の引数「width」に横幅を指定します。

TextEditor(text: $editText)
    .frame(width: 横幅)

frame修飾子の引数「width」に指定した横幅が、TextEditorの横幅になります。

使用例

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

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