如何在SwiftUI中创建一个自定义TextInput，它可以同时充当安全字段(带有眼睛图标)和普通TextField

在SwiftUI中创建一个自定义TextInput，既可以充当安全字段（带有眼睛图标）又可以作为普通TextField的解决方案如下：

Step 1: 创建一个自定义的View，命名为SecureFieldView，用来展示带有眼睛图标的安全字段。

import SwiftUI

struct SecureFieldView: View {
    @Binding var text: String
    @State private var isSecure: Bool = true
    
    var body: some View {
        HStack {
            if isSecure {
                SecureField("Password", text: $text)
            } else {
                TextField("Password", text: $text)
            }
            Button(action: {
                self.isSecure.toggle()
            }) {
                Image(systemName: isSecure ? "eye.slash" : "eye")
                    .foregroundColor(.gray)
            }
        }
    }
}

Step 2: 在主视图中使用SecureFieldView来创建一个自定义的TextInput。

import SwiftUI

struct ContentView: View {
    @State private var password: String = ""
    
    var body: some View {
        VStack {
            Text("Secure TextInput")
                .font(.title)
            
            SecureFieldView(text: $password)
                .padding()
            
            Text("Plain TextInput")
                .font(.title)
            
            TextField("Username", text: $password)
                .padding()
        }
    }
}

Step 3: 在你的主App文件中，将ContentView作为根视图进行呈现。

import SwiftUI

@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

这样，你就可以在SwiftUI中创建一个自定义TextInput，它可以同时充当安全字段（带有眼睛图标）和普通TextField。用户可以点击眼睛图标切换输入框的显示方式，保护敏感信息。

推荐的腾讯云相关产品：腾讯云移动终端SDK、腾讯云函数计算。

腾讯云移动终端SDK（链接：https://cloud.tencent.com/product/emu-sdk）：腾讯云移动终端SDK是基于云计算、云存储和云网络的一整套移动终端解决方案，提供了丰富的开发工具和服务，可帮助开发者快速搭建稳定、高效的移动终端应用。

腾讯云函数计算（链接：https://cloud.tencent.com/product/scf）：腾讯云函数计算是一种事件驱动的无服务器计算服务，实现了按需执行代码、弹性扩缩容等能力，让开发者无需关心服务器资源的管理和调度，只需编写核心业务逻辑代码，即可快速构建和部署各类应用，实现高可用、弹性伸缩的架构。

这些产品可以帮助你更好地开发和部署SwiftUI中的自定义TextInput，并提供云计算的功能和服务支持。