在 swift 的闭包内使用变量

Question

这是我的 ContentView 代码：

import SwiftUI

struct GridStack<Content: View>: View {
    let rows: Int
    let columns: Int
    let content: (Character) -> Content

    var body: some View {
        VStack {
            ForEach(1 ..< rows, id: \.self) { row in
                HStack {
                    ForEach(1 ..< self.columns, id: \.self) { column in
                        self.content("C").padding().border(Color.black)
                    }
                }
            }
        }
    }

    init(rows: Int, columns: Int, @ViewBuilder content: @escaping (Character) -> Content) {
        self.rows = rows
        self.columns = columns
        self.content = content
    }
}

这是来自 SceneDelegate.swift 的片段

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?
    let theSheet = ["A", "M", "A", "N"]
    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        let contentView = GridStack(rows: Int(11), columns: Int(11),  content: { _ in Text("\theSheet[3]")})
            
        if let windowScene = scene as? UIWindowScene {
            let window = UIWindow(windowScene: windowScene)
            window.rootViewController = UIHostingController(rootView: contentView)
            self.window = window
            window.makeKeyAndVisible()
        }
    }

特别是请看以下行：

let contentView = GridStack(rows: Int(11), columns: Int(11),  content: { _ in Text(theSheet[3])})

您可以看到我已经为数组 theSheet 的索引硬编码了值 3。 我想要做的是使用公式行+列中的当前“行”和“列”值动态计算索引。

我请求这里的专家帮助解决这个问题。 我在线提供您需要的任何进一步的详细信息。

Answer 1

如果我正确理解了您的问题，我猜您想在 10*10 网格中显示数组中的字符。 创建一个ContentView并从ContentView调用GridStack ：

struct ContentView: View {
    let theSheet = [YOUR_ARRAY]
    var body: some View {
       GridStack(rows: Int(10), columns: Int(10),  content: { index in
        Text(self.theSheet[index]).padding(8).border(Color.black).frame(width: 30)
       })
    }
}

在GridStack返回索引，

1. 替换let content: (Character) -> Content为let content: (Int) -> Content
2. 将self.content("C").padding().border(Color.black)替换为self.content((row*self.columns)+column)
3. 在SceneDelegate中调用这个ContentView就像let contentView = ContentView()
4. 在GridStack中返回Int而不是Character

使用(row*self.columns)+column计算的索引

结果： https://i.stack.imgur.com/Qdcjg.png

Answer 2

我认为这不是使用闭包的好解决方案。 SwiftUI 表示使用@State / @ObservableObject / @Environment 来改变内容。 这是一种反应式编程。

例如，

struct GridStack<Content: View>: View {
    let rows: Int
    let columns: Int
    @ObservedObject var viewModel = ViewModel()

    var body: some View {
        let state = viewModel.state
        return VStack {
            ForEach(1 ..< rows, id: \.self) { row in
                HStack {
                    ForEach(1 ..< self.columns, id: \.self) { column in
                        Text("state: \($0)")
                    }
                }
            }
        }
    }

    init(rows: Int, columns: Int) {
        self.rows = rows
        self.columns = columns
    }
}