SwiftUI丨1分钟学会输入框TextField

日习一语,日行一善

输入框在日常开发中的使用也是较为广泛,今天我们就来看下他的常规用法!

一、代码展示

import SwiftUI
struct MeiGuiTu: View {
    @State var a:String = ""
    var body: some View {
        VStack {
            TextField("请您输入密码", text: $a)
                .frame(width: 150, height: 35) //尺寸
                .textFieldStyle(RoundedBorderTextFieldStyle()) // 圆角描边
                .keyboardType(.numberPad) //将键盘更改为数字模式
        }
    }
}
struct MeiGuiTu_Previews: PreviewProvider {
    static var previews: some View {
        MeiGuiTu()
    }
}

二、代码解析

TextField(“这里写默认文字”, text: 这里需要绑定一个变量,并用 $ 符号前缀,固定用法,记住就好)

三、拓展练习

大家尝试着运用修饰符的相关知识对输入框进行修饰,从而满足各种的设计需求。

你答应过我,我用心写,你用心看;既会 点赞,还会 收藏,偶尔还会 分享打赏

本篇完,感谢阅读!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。