SwiftUI 实现手机号码短信验证自动带出短信内验证码

2023-04-18 上午9:58 • SwiftUI, 代码 • 阅读 1386

演示 Demo 为 App 登录注册时填写手机号码及短信验证码功能，填写验证码时使用 Apple Api 实现在键盘 toolbar 展示最新收到的短信验证码内容，快速填写验证码。

Table of Contents

演示效果

展示最新短信验证码 Api

TextField("", text: $otpText.limit(6))
    .keyboardType(.numberPad)
    //显示来自消息的验证码
    .textContentType(.oneTimeCode)
    .blendMode(.screen)
    .focused($isFocused)

完整代码Demo下载

注册登录短信验证码完整Demo

赞助会员免费

资源价格 ¥3.00 更新时间 2023-08-22

已付费？登录或刷新

实现的一些功能

使用 SwiftUI 布局
输入的手机号码格式正则验证
NavigationStack、NavigationView
自定义导航栏返回按钮
自定义键盘 toolbar 控制键盘收起
自定义填写验证码
限制验证码长度按钮禁用
等等

　　本文自 https://www.codeun.com 发布，相应代码均自主编写并严格审阅和测试，完整代码中包含丰富的学习笔记和使用方式、实用技巧。
　　· 如若转载，请注明出处：https://www.codeun.com/archives/1063.html ·

发表回复

登录后才能评论

评论列表（6条）

1751 2023-08-22 下午4:41

为啥我注册会员下载不了这个Demo？

回复
- Codeun 2023-08-22 下午6:32
  
  @1751：这里可能有点问题，我修复下哈
  
  回复
- Codeun 2023-08-22 下午11:02
  
  @1751：已解决，只有这篇的Demo有这个问题，会员时间增加了一个月表示感谢反馈 : )
  
  回复
2030 2024-01-03 下午3:22

为什么我收不到验证码呢？

回复
- Codeun 2024-01-03 下午3:26
  
  @2030：你需要真机运行，当收到短信验证码时才可以调出验证码，比如演示中我是接受了一个百度的验证码短信，在Demo中就能识别到验证码内容
  
  回复
- 2030 2024-01-03 下午3:33
  
  @Codeun：好的谢谢您
  
  回复

SwiftUI 实现手机号码短信验证 自动带出短信内验证码