And*_*Res 5 ios swift kotlin-multiplatform swiftui
我按照KMM 教程进行操作,并能够在 Android 端成功运行该应用程序。现在我想测试iOS部分。除了下面的编译错误之外,一切似乎都很好。我想这一定是一件微不足道的事情,但由于我对iOS/Swift 的经验为零,所以我正在努力修复它。
我的第一次尝试是进行RocketLaunchRow扩展Identifiable,但后来遇到了其他问题......将不胜感激任何帮助。
Xcode版本:12.1
完整来源:
import SwiftUI
import shared
func greet() -> String {
return Greeting().greeting()
}
struct RocketLaunchRow: View {
var rocketLaunch: RocketLaunch
var body: some View {
HStack() {
VStack(alignment: .leading, spacing: 10.0) {
Text("Launch name: \(rocketLaunch.missionName)")
Text(launchText).foregroundColor(launchColor)
Text("Launch year: \(String(rocketLaunch.launchYear))")
Text("Launch details: \(rocketLaunch.details ?? "")")
}
Spacer()
}
}
}
extension RocketLaunchRow {
private var launchText: String {
if let isSuccess = rocketLaunch.launchSuccess {
return isSuccess.boolValue ? "Successful" : "Unsuccessful"
} else {
return "No data"
}
}
private var launchColor: Color {
if let isSuccess = rocketLaunch.launchSuccess {
return isSuccess.boolValue ? Color.green : Color.red
} else {
return Color.gray
}
}
}
extension ContentView {
enum LoadableLaunches {
case loading
case result([RocketLaunch])
case error(String)
}
class ViewModel: ObservableObject {
let sdk: SpaceXSDK
@Published var launches = LoadableLaunches.loading
init(sdk: SpaceXSDK) {
self.sdk = sdk
self.loadLaunches(forceReload: false)
}
func loadLaunches(forceReload: Bool) {
self.launches = .loading
sdk.getLaunches(forceReload: forceReload, completionHandler: { launches, error in
if let launches = launches {
self.launches = .result(launches)
} else {
self.launches = .error(error?.localizedDescription ?? "error")
}
})
}
}
}
struct ContentView: View {
@ObservedObject private(set) var viewModel: ViewModel
var body: some View {
NavigationView {
listView()
.navigationBarTitle("SpaceX Launches")
.navigationBarItems(trailing:
Button("Reload") {
self.viewModel.loadLaunches(forceReload: true)
})
}
}
private func listView() -> AnyView {
switch viewModel.launches {
case .loading:
return AnyView(Text("Loading...").multilineTextAlignment(.center))
case .result(let launches):
return AnyView(List(launches) { launch in
RocketLaunchRow(rocketLaunch: launch)
})
case .error(let description):
return AnyView(Text(description).multilineTextAlignment(.center))
}
}
}
Run Code Online (Sandbox Code Playgroud)
\n\n在不符合可识别协议的基本类型上使用 List 或 ForEach,例如字符串或整数数组。在这种情况下,您应该使用 id: .self 作为 List 或 ForEach 的第二个参数
\n
从上面,我们可以看到您需要在发生错误的那一行执行此操作:
\nreturn AnyView(List(launches, id: \\.self) { launch in\nRun Code Online (Sandbox Code Playgroud)\n我认为这应该消除你的错误。
\n| 归档时间: |
|
| 查看次数: |
2170 次 |
| 最近记录: |