85753d3fa3dd02be6c10b0e1c8e8eebe
SwiftUI TextEditor设置左右缩减宽度 (教程含源码)

实战需求

SwiftUI TextEditor设置左右缩减宽度

本文价值与收获

看完本文后,您将能够作出下面的界面

截屏2020-10-30 下午10.28.46.png

截屏2020-10-30 下午10.28.46.png

看完本文您将掌握的技能

  • TextEditor
  • textContainerInset
  • lineSpacing

基础知识

TextEditor

可以显示和编辑长格式文本的视图。

struct TextEditor

总览

文本编辑器视图使您可以在应用程序的用户界面中显示和编辑多行可滚动文本。默认情况下,文本编辑器视图样式使用从环境中继承特性文本,如font(_:),和。foregroundColor(_:)multilineTextAlignment(_:)

您可以通过在视图主体中添加实例来创建文本编辑器,并通过将a传递给应用程序中的字符串变量来对其进行初始化:TextEditorBinding

struct TextEditingView: View {
    @State private var fullText: String = "This is some editable text..."

    var body: some View {
        TextEditor(text: $fullText)
    }
}

要设置文本样式,请使用标准视图修饰符来配置系统字体,设置自定义字体或更改视图文本的颜色。

在此示例中,视图使用自定义字体将编辑器的文本呈现为灰色:

struct TextEditingView: View {
    @State private var fullText: String = "This is some editable text..."

    var body: some View {
        TextEditor(text: $fullText)
            .foregroundColor(Color.gray)
            .font(.custom("HelveticaNeue", size: 13))
    }
}

如果要更改文本的间距或字体缩放比例,可以使用诸如,的修饰符,并根据空间限制配置视图显示文本的方式。例如,此处的修饰符将线之间的间距设置为5点:lineLimit(_:)lineSpacing(_:)minimumScaleFactor(_:)lineSpacing(_:)
```
struct TextEditingView: View {

top Created with Sketch.