SwiftUI Textfield如何支持个带下划线的文本框

实战需求

有时我们需要简约版的Textfield，例如带下划线的Textfield。

本文价值与收获

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

Textfield基础知识

TextField是SwiftUI最常用的数据收集控件，是获取用户输入的最简单方法。SwiftUI中使用Textfield非常简单和，我们无需任何委托和额外的代码设置。只需要定义State变量即可。基础使用方法，请考虑以下代码：
1、定义个State

@State var name = "Unknown"

2、数据收集

TextField("placeholder", $name) {}

3、Text和TextField组合使用

Text("Hello \(name)")
TextField("Enter Your name here", $name) {}

代码

1、下划线形状

import SwiftUI

struct HorizontalLineShape: Shape {

    func path(in rect: CGRect) -> Path {

        let fill = CGRect(x: 0, y: 0, width: rect.size.w