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

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

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


演示效果


展示最新短信验证码 Api

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

完整代码Demo下载

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

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

赞助会员赞助会员¥免费
资源价格 ¥3.00 更新时间 2023-08-22
已付费?登录刷新

实现的一些功能

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

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

(2)
上一篇 2023-04-13 上午11:08
下一篇 2023-04-18

发表回复

登录后才能评论

评论列表(6条)

  • 1751的头像
    1751 2023-08-22 下午4:41

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

    • Codeun的头像
      Codeun 2023-08-22 下午6:32

      @1751这里可能有点问题,我修复下哈

    • Codeun的头像
      Codeun 2023-08-22 下午11:02

      @1751已解决,只有这篇的Demo有这个问题,会员时间增加了一个月表示感谢反馈 : )

  • 2030的头像
    2030 2024-01-03 下午3:22

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

    • Codeun的头像
      Codeun 2024-01-03 下午3:26

      @2030你需要真机运行,当收到短信验证码时才可以调出验证码,比如演示中我是接受了一个百度的验证码短信,在Demo中就能识别到验证码内容

    • 2030的头像
      2030 2024-01-03 下午3:33

      @Codeun好的谢谢您