SwiftUI:TextField文本输入

在这里插入图片描述

import SwiftUI

struct FQTextFieldView: View {
    @State var name: String = ""
    @State var pwd: String = ""
    var body: some View {
        HStack {
            Text("昵称:")
                .foregroundColor(.secondary)
            TextField("请输入账户名称", text: $name)
                .disableAutocorrection(true)
                .textFieldStyle(.roundedBorder)
                .onChange(of: name) { newValue in
                    print(newValue)
                }
            
        }.frame(height: 40).padding(20)
        HStack {
            Text("密码:")
                .foregroundColor(.secondary)
            SecureField("请输入密码", text: $pwd)
                .disableAutocorrection(true)
                .textFieldStyle(.roundedBorder)
                .onChange(of: pwd) { newValue in
                    print(newValue)
                }
            
        }.frame(height: 40).padding(20)
        HStack {
            Text("登录系统")
                .frame(width: 200, height: 30)
                .background(.cyan)
                .foregroundColor(.white)
                .cornerRadius(15)
        }
        .shadow(color: .black, radius: 5, x: 1, y: 3)
        .onTapGesture {
            print("恭喜,登录成功!")
        }
        .navigationTitle("TextField")
        
    }
}

struct FQTextFieldView_Previews: PreviewProvider {
    static var previews: some View {
        FQTextFieldView()
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wuwuFQ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值