SwiftUIのTextFieldのサンプルを記載していく。随時追加予定。
カプセル
![](https://swiftui.kazunoriri.com/wp-content/uploads/2022/08/スクリーンショット-2022-08-28-9.04.09-1024x513.png)
import SwiftUI
struct ContentView: View {
@State var テキスト: String = ""
var body: some View {
TextField("ここにテキストを入力", text: $テキスト)
.padding()
.background(Color(red: 0.95, green: 0.95, blue: 0.95))
.cornerRadius(25)
.padding()
}
}
四角いタイプ
![](https://swiftui.kazunoriri.com/wp-content/uploads/2022/08/スクリーンショット-2022-08-28-9.02.32-1024x512.png)
import SwiftUI
struct ContentView: View {
@State var テキスト: String = ""
var body: some View {
TextField("ここにテキストを入力", text: $テキスト)
.padding()
.background(Color(red: 0.95, green: 0.95, blue: 0.95))
.padding()
}
}
影付きタイプ
![](https://swiftui.kazunoriri.com/wp-content/uploads/2022/08/スクリーンショット-2022-08-28-9.06.24-1024x517.png)
import SwiftUI
struct ContentView: View {
@State var テキスト: String = ""
var body: some View {
TextField("ここにテキストを入力", text: $テキスト)
.padding()
.background(Color.white)
.cornerRadius(8)
.shadow(color: Color.black.opacity(0.06), radius: 5, x: 5, y: 5)
.shadow(color: Color.black.opacity(0.06), radius: 5, x: -5, y: -5)
.padding()
}
}
コメント