SwiftUI 2.0 TextEditor 之一篇文章全面掌握(項目含源碼)

看完本文您將掌握的能力

• TextEditor 基礎使用
• TextEditor 自定義設置字體、大小、顏色
• 按照需求隱藏鍵盤
  

基礎知識

TextEditor是WWDC2020加入到SwiftUI中的新組件，它用於顯示和編輯長文本，支持自定義字體和顏色。

---

實戰代碼

1、最基礎TextEditor使用

import SwiftUI

struct ContentView: View {
    @State private var text = "這是個TextEditor基礎demo"
    
    var body: some View {
        VStack{
            Spacer()
            TextEditor(text: $text)
            Spacer()
        }
        .background(Color.orange)
    }
}

TextEditor和SwiftUI1中的TextField非常類似，都是先定義一個State變量，然後在View中通過 TextEditor(text: $text)方式調用。
下面是效果：