SwiftUI组件-TextEditor

最新推荐文章于 2025-04-28 11:26:07 发布

原创最新推荐文章于 2025-04-28 11:26:07 发布 · 766 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#swiftui #java #服务器

收录于

swiftUI 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了如何在SwiftUI中使用TextEditor组件，包括创建一个带有文本输入、保存功能以及预览效果的View。通过State管理文本编辑器的内容，并展示了相关布局和样式设置。

SwiftUI组件-TextEditor

本章来记录一下SwiftUI组件-TextEditor使用方式：


import SwiftUI

struct TextEditorBootCamp: View {
    @State var textEditorString: String = "This is place holder"
    @State var saveText = ""
    
    var body: some View {
        NavigationView {
            VStack {
                TextEditor(text: $textEditorString)
                    .frame(height: 250)
                    .colorMultiply(.gray)
                    .cornerRadius(10)
                Button {
                    save()
                } label: {
                    Text("save".uppercased())
                        .font(.headline)
                        .foregroundStyle(.white)
                        .padding()
                        .frame(maxWidth: .infinity)
                        .background(.blue)
                        .cornerRadius(10)
                }
                
                Text(saveText)
                
                Spacer()
            }.padding()
            .navigationTitle("TextEditorBootCamp")
        }
    }
    
    func save() {
        saveText = textEditorString
    }
}

#Preview {
    TextEditorBootCamp()
}