[SwiftUI]TextFieldに下線をつけるには？

どうも、ちょげ(@chogetarou)です。

TextFieldに下線をつける方法を紹介します。

方法

TextFieldに下線をつけるには、Dividerビューを使います。

まず、TextFieldをVStackで囲います。

そして、TextFieldの後にDividerを指定します。

VStack {
    TextField("", text: $editingText)
    Divider()
}

Dividerを使えば、TextFieldに下線をつけることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack {
            TextField("Your Text", text: $editingText)
            Divider()
        }
        .padding(.horizontal, 20)
    }
}

[SwiftUI]TextFieldのプレースホルダーの色を変えるには？

TextFieldのプレースホルダーの色を変える方法を紹介します。

www.choge-blog.com

2022.01.31

[SwiftUI]TextFieldのカーソルの色を変えるには？

TextFieldのカーソルの色を変える方法を紹介します。

www.choge-blog.com

2022.01.30

[SwiftUI]TextFieldの入力文字を右寄せにするには？

TextFieldで入力した文字を右に寄せて表示する方法を紹介します。

www.choge-blog.com

2022.01.30

[SwiftUI]TextFieldの文字を自動で小文字にするには？

TextFieldで入力した文字を自動で小文字にする方法を紹介します。

www.choge-blog.com

2022.01.29