SwiftUI 组件之如何实现电话号码掩码隐藏部分的文本字段TextField(教程含源码)

SwiftUI 没有手机遮罩工具,需要使用 UIKit。 在本文中,我们将研究:使用 UIKit 编写的注册到 SwiftUI 项目时使用手机掩码。 在 Swi

SwiftUI 没有手机遮罩工具,需要使用 UIKit。
在本文中,我们将研究:使用 UIKit 编写的注册到 SwiftUI 项目时使用手机掩码。

在这里插入图片描述

  1. 在 SwiftUI 上创建视图
import SwiftUIstruct NumberPhoneMaskView: View {let maskPhone  = "+X-XXX-XXX-XX-XX"@State var text = ""var body: some View {VStack {let textChangedBinding = Binding(get: {FilterNumberPhone.format(with: self.maskPhone, phone: self.text)},set: { self.text = $0})TextFieldContainer("+1", text: textChangedBinding)}.padding()}
}struct NumberPhoneMaskView_Previews: PreviewProvider {static var previews: some View {NumberPhoneMaskView()}
}
  1. 创建一个TextFieldContainer结构&#x