本文，將是一篇系列長文，希望您通過閱讀這篇文章，基本上就可以解決TextField的所有問題。

文章目錄

• 快速入門
  • 您的第一個TextField小程序
  • 獲取用戶的輸入結果，學會回調函數(onEditingChanged 和 onCommit)
• 界面效果 textFieldStyle
  • 圓形邊框效果
  • TextField 文本對齊
  • TextField 字體大小
  • TextField 背景和邊框效果
  • 組合出復雜文本框
• 高級用法
  • TextField設置鍵盤為只輸入手機號
  • TextField如何主動失去焦點
  • TextField如何實時獲取用戶輸入改變

基礎入門

TextField(文本框) 是SwiftUI中一種常用的信息輸入控件，非常類似網頁中的表單字段。當用戶在TextField輸入數據時，我們可以通過SwiftUI提供各種鍵盤限制用戶當數據類型,例如數字鍵盤、郵件鍵盤、手機鍵盤等。和按鈕一樣，TextField也能響應用戶操作事件。

您的第一個TextField小應用

受益于SwiftUI聲明式代碼優勢，可以用非常少的代碼即可完成復雜的界面制作。本小節讓我們用6行代碼來做個文本輸入的應用。
1、應用效果

image.png

2、在Xcode里面創建個項目

請參考下面文章，SwiftUI零基礎之開發第一步創建個項目(Xcode 11.4)

3、在ContentView.Swift中復制下面代碼

import SwiftUI

struct ContentView: View {
     @State private var text = ""

      var body: some View {
          TextField("請輸入", text: $text)
      }
}

4、代碼講解

• @State private var text
  為了獲取Text輸入內容，我們可以定義一個@State變量。