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

看完本文您将掌握的能力

  • TextEditor 基础使用
  • TextEditor 自定义设置字体、大小、颜色
  • 按照需求隐藏键盘
    Jietu20200624-191722.gif

基础知识

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)方式调用。
下面是效果:
html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章