SwiftUI字典中的有序串列

我正在嘗試制作這樣的有序串列：

1. Lorem ipsum dolor sit amet
   • consectetur adipiscing 精英
   • sed 做 eiusmod tempor
2. Nemo enim ipsam voluptatem quia
   • voluptatem sequi nesciunt。
   • 最低限度的生活

所以我嘗試將 ForEach 與 [String: [String]] 一起使用，

但編譯器給了我一個錯誤“無法為運算式生成診斷；請提交錯誤報告”

回圈這個值陣列的正確方法是什么？

    struct SelectDeviceInfoView: View {
    let data: [String: [String]] = [
        "1. Check your iOS device settings" : ["Ensure that your iOS device is connected to the same Wifi network as your TV.", "Any “Safe browsing” plugins/apps or VPN proxies on your iOS device will block the detection of TVs. You should disable them.", "Check your phone Wifi settings. Go to 'Settings' > 'Wi-Fi' > Select the connected network (click the blue ? button) > Ensure “Private Address” is turned off.", "Ensure that the app has permission to access devices in your local network. Go to 'Settings' > 'Privacy' > 'Local Network' > Ensure “Screen Mirror” app has the permission."],
        "2. Check your router settings" : ["If you're using a multi-band router (e.g. with 2.4 and 5 GHz antennas). So both your TV and iOS device should be on the same band.", "Ensure that you aren’t connected to the public Wifi network; such networks only provide an internet connection, but block all all other internal network traffic. So you can’t connect to a Smart TV.", "Verify that UPNP is enabled in your Router settings.", "Check whether you have multiple subnets in your network. In that case you won’t be able to connect to TV.", "Reboot the router to renew the IP address of your TV.", "Unplug the power cord, wait 1 minute and reconnect the power cord. Also do this for other network devices, such as Wifi repeaters and etc.", "If you have a router with MAC address filtering, add the MAC address of your TV to the list of filtered devices.", "Disable Access Point/Client isolation on your router.", "Disable Wireless Isolation on your router."]]
    
    
    var body: some View { <-- error here
        VStack {
            List {
                ForEach(data.sorted(using: >), id: \.key) { key, value in
                    Section(header: Text(key)) {
                        ForEach(value, id: \.self) { text in
                            Text(text)
                        }
                    }
                }
            }
        }
    }
}

uj5u.com熱心網友回復：

ForEach 的資料應該是RandomAccessCollection. 但字典不是。

此用例可能的資料結構之一是陣列（符合RandomAccessCollection）。這樣我們就必須創建自定義資料陣列。

struct MyData: Hashable { // <=here
    let title: String
    let sortedSubItems: [String]
}

struct ContentView: View {
    let data: [String: [String]] = [
        "1. Check your iOS device settings" : ["Ensure that your iOS device is connected to the same Wifi network as your TV.", "Any “Safe browsing” plugins/apps or VPN proxies on your iOS device will block the detection of TVs. You should disable them.", "Check your phone Wifi settings. Go to 'Settings' > 'Wi-Fi' > Select the connected network (click the blue ? button) > Ensure “Private Address” is turned off.", "Ensure that the app has permission to access devices in your local network. Go to 'Settings' > 'Privacy' > 'Local Network' > Ensure “Screen Mirror” app has the permission."],
        "2. Check your router settings" : ["If you're using a multi-band router (e.g. with 2.4 and 5 GHz antennas). So both your TV and iOS device should be on the same band.", "Ensure that you aren’t connected to the public Wifi network; such networks only provide an internet connection, but block all all other internal network traffic. So you can’t connect to a Smart TV.", "Verify that UPNP is enabled in your Router settings.", "Check whether you have multiple subnets in your network. In that case you won’t be able to connect to TV.", "Reboot the router to renew the IP address of your TV.", "Unplug the power cord, wait 1 minute and reconnect the power cord. Also do this for other network devices, such as Wifi repeaters and etc.", "If you have a router with MAC address filtering, add the MAC address of your TV to the list of filtered devices.", "Disable Access Point/Client isolation on your router.", "Disable Wireless Isolation on your router."]]
    
    var listData: [MyData] { // <=here
        data.map {
            MyData(title: $0.key, sortedSubItems: $0.value.sorted(by: { $0 < $1 }))
        }
        .sorted { $0.title < $1.title }
    }
    
    var body: some View {
        VStack {
            List {
                ForEach(listData , id: \.self) {  myDataItem in
                    Section(header: Text(myDataItem.title)) {
                        ForEach(myDataItem.sortedSubItems, id: \.self) { sortedSubItem in
                            Text(sortedSubItem)
                        }
                    }
                }
            }
        }
    }
}

標籤：迅速迅捷

上一篇：RTMPStream在iOS16中快速掛起

下一篇：CATransition型別的淡入淡出似乎壞了