TextEditor | 初心者向けプログラミング講座

TextEditorビューのサンプルコードを記載します。

１．サンプルコード

import SwiftUI

struct ContentView: View {
    @State private var moji = ""
    
    var body: some View {
        TextEditor(text: $moji)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

２．使い方

TextEditorビューは、テキストエディターを画面に表示するビューです。複数行の文字列を入力できます。

TextEditor(text:$var)

３．表示例

４．代表的なモディファイア


import SwiftUI

struct ContentView: View {
    @State private var text = ""
    
    var body: some View {
        TextEditor(text: $text)
            .frame(width: 200, height: 100) // 枠のサイズ指定
            .border(Color.blue, width: 2) // 枠の色、太さ指定
            .foregroundColor(.red) //文字色指定
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}