@State
var
username
:
String
@State
var
nickname
:
String
@State
var
password
:
String
var
body
:
some
View
{
VStack
{
Text
(
"Your username is
\(
username
)
!"
)
Text
(
"Your nickname is
\(
nickname
)
!"
)
TextField
(
"User Name"
,
text
:
$username
,
onEditingChanged
:
{
(
value
)
in
print
(
"onEditingChanged:
\(
self
.
username
)
"
)
}
)
{
print
(
"onCommit:
\(
self
.
username
)
"
)
}
.
textFieldStyle
(
RoundedBorderTextFieldStyle
(
)
)
TextField
(
"Nick Name"
,
text
:
$nickname
)
.
textFieldStyle
(
RoundedBorderTextFieldStyle
(
)
)
Text
(
"Your password is
\(
password
)
!"
)
SecureField
(
"Your password"
,
text
:
$password
)
{
print
(
"Your password is
\(
self
.
password
)
!"
)
.
textFieldStyle
(
RoundedBorderTextFieldStyle
(
)
)
.
padding
(
)
文章目录learn from: http://www.coolketang.com/hdjc/swiftUI/struct ContentView : View { @State var username : String @State var nickname : String @State var password : String var body: some View { VStack{
TextField
是使用
SwiftUI
设计 UI 的核心控件组件之一。在 WWDC22解释了TextFiel新功能下面我们来一起探究一下在 iOS 16 之前，要构建一个
TextField
随内容动态增长或缩小的内容——我们要么利用 UIViewRepresentable，要么通过使用ZStack.很高兴，在 iOS 16 中，axis 参数会自动为您处理这些事情。
我们可以
TextField
通过使用lineLimit修饰符进一步自定义和控制 的动态高度。在内部设置上下限lineLimit允许我们设置
优雅的
SwiftUI
电话号码
textField
。
iPhoneNumberField:telephone:在键入时完全格式化电话号码-在
SwiftUI
中。
:mobile_phone:入门|
用法它就像iPhoneNumberField（“ Phone”，text：$ text）一样简单入门安装iPhoneNumberField。
将iPhoneNumberField添加到您的项目。
导入
SwiftUI
导入iPhoneNumberField struct ContentView：视图{@State var text =“” var主体：一些视图{iPhoneNumberField（“ Phone”，文本：$ text）}}自定义
@objc func passwordBtnClick(){
passwordBtn.isSelected = !passwordBtn.isSelected
password
TextField
.isSecureTextEntry = !password
TextField
.isSecureTextEntry
参考博客：
iOS 输入框(UI
TextField
)
密码
明暗文切换 - 简书
如果界面使用 Interface Builder 构建的，那么选中 Text Field 控件，调出 Attribute Inspector，勾选 Secure。
Secure ： 当你的文本框用作
密码
输入框时，可以选择这个选项，此时，字符显示为星号。
在输入时，先显示输入的字符，然后自动变成星号显示。
第二种方法，是在程序中设置
textField
.
