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

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

1. 在 SwiftUI 上创建视图

import SwiftUI

struct 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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

2. 创建一个TextFieldContainer结构&#x