SwiftUI List中的TextField

最新推荐文章于 2024-05-21 08:30:00 发布

kusamimu

最新推荐文章于 2024-05-21 08:30:00 发布

阅读量231

点赞数 1

分类专栏： SwiftUI 文章标签： swiftui

本文链接：https://blog.csdn.net/kusamimu/article/details/119943229

版权

在SwiftUI开发中，使用List包裹TextField时遇到的问题及解决方法。当尝试在List中动态添加TextField并通过ForEach创建时，会遇到需要遵守Identifiable协议的警告。正确做法是为ForEach提供明确的id，或者升级到SwiftUI 3.0使用更简洁的语法。

摘要由CSDN通过智能技术生成

开发环境：XCode 12.5.1 、MacOS 11.5.1、IOS 14.0

实际开发过程中，会有用List包裹一些TextFiled的情况，我们可以写如下代码实现：

struct ListAndTextField: View {
    
    @State var players = ["Todi", "Messi", "Nimar"]

    var body: some View {
        VStack {
            List(0..<players.count) { index in
                TextField(players[index], text: $players[index])
            }
        }.padding()
    }
}

运行，看起来没有问题。如果我们想增加一个按钮，每次点击增加一个TextField

struct ListAndTextField: View {
    
    @State var players = ["Todi", "Messi", "Nimar"]

    var body: some View {
        VStack {
            List(0..<players.count) { index in
                TextField(players[index], text: $players[index])
            }
            
            Button(action: {
                self.players.append("ne