- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在学习 Swift 和 SwiftUI,并试图了解 MVVM、数据流和网络请求是如何工作的。我创建了一个简单的应用程序,它从 URL 获取 JSON 格式的数据,并显示所选国家/地区的 covid 信息。
我有设置,可以更改国家/地区并通过切换隐藏 covid 数据。
我想立即从 中的 URL 重新加载所有数据MainView.swift 如果国家在 中发生变化Settings.swift
当我在设置>关闭设置>查看数据中更改国家/地区时,它只会在我强制关闭应用程序然后重新打开时更新。
Here is a link to a video with issue
模型.swift
import SwiftUI
struct Covid19Data: Codable {
let country: String
let cases: Int
let todayCases: Int
let deaths: Int
let todayDeaths: Int
let recovered: Int
let active: Int
let critical: Int
let casesPerOneMillion: Int
let deathsPerOneMillion: Int
let totalTests: Int
let testsPerOneMillion: Int
}
let countrySelection = ["Ukraine", "Canada", "Germany"]
ViewModel.swift
import SwiftUI
class CovidFetcher: ObservableObject {
@Published var jsonFetch: Covid19Data?
@ObservedObject var userSettings = UserSettings()
init(){
load()
}
func load() {
let url = URL(string: "https://coronavirus-19-api.herokuapp.com/countries/\(countrySelection[userSettings.selectedCountryIndex])")
URLSession.shared.dataTask(with: url!) { (data, response, error) in
if let d = data {
let webData = try? JSONDecoder().decode(Covid19Data.self, from: d)
DispatchQueue.main.async {
self.jsonFetch = webData
}
}
}.resume()
}
}
class UserSettings: ObservableObject {
@Published var selectedCountryIndex: Int {
didSet {
UserDefaults.standard.set(selectedCountryIndex, forKey: "selectedCountryIndex")
}
}
init() {
self.selectedCountryIndex = UserDefaults.standard.object(forKey: "selectedCountryIndex") as? Int ?? 0
}
}
MainView.swift
import SwiftUI
struct MainView: View {
@ObservedObject var fetcher = CovidFetcher()
@ObservedObject var userSettings = UserSettings()
@State var showOrderSheet = false
var body: some View {
VStack {
VStack {
Button(action: {
showOrderSheet.toggle()
}) {
Image(systemName: "gear")
.font(.system(size: 20))
}
.fullScreenCover(isPresented: $showOrderSheet) {
Settings(fetcher: self.fetcher, userSettings: self.userSettings)
}
}.offset(x: -155, y: 5)
VStack {
Text(countrySelection[userSettings.selectedCountryIndex])
.bold()
.frame(width: 150, height: 170, alignment: .center)
}
VStack {
List {
Group {
if userSettings.casesToggle {
HStack {
Text("Cases:")
Spacer()
Text("\(self.fetcher.jsonFetch?.cases ?? 0)")
}
}
if userSettings.casesTodayToggle {
HStack {
Text("Cases Today:")
Spacer()
Text("\(self.fetcher.jsonFetch?.todayCases ?? 0)")
}
}
if userSettings.deathsToggle {
HStack {
Text("Deaths:")
Spacer()
Text("\(self.fetcher.jsonFetch?.deaths ?? 0)")
}
}
if userSettings.deathsTodayToggle {
HStack {
Text("Deaths Today:")
Spacer()
Text("\(self.fetcher.jsonFetch?.todayDeaths ?? 0)")
}
}
if userSettings.recoveredToggle {
HStack {
Text("Recovered:")
Spacer()
Text("\(self.fetcher.jsonFetch?.recovered ?? 0)")
}
}
if userSettings.activeToggle {
HStack {
Text("Active:")
Spacer()
Text("\(self.fetcher.jsonFetch?.active ?? 0)")
}
}
if userSettings.criticalToggle {
HStack {
Text("Critical:")
Spacer()
Text("\(self.fetcher.jsonFetch?.critical ?? 0)")
}
}
}
Group {
if userSettings.casesPerOneMillionToggle {
HStack {
Text("Cases Per One Million:")
Spacer()
Text("\(self.fetcher.jsonFetch?.casesPerOneMillion ?? 0)")
}
}
if userSettings.deathsPerOneMillionToggle {
HStack {
Text("Deaths Per One Million:")
Spacer()
Text("\(self.fetcher.jsonFetch?.deathsPerOneMillion ?? 0)")
}
}
if userSettings.totalTestsToggle {
HStack {
Text("Total Tests:")
Spacer()
Text("\(self.fetcher.jsonFetch?.totalTests ?? 0)")
}
}
if userSettings.testsPerOneMillionToggle {
HStack {
Text("Tests Per One Million:")
Spacer()
Text("\(self.fetcher.jsonFetch?.testsPerOneMillion ?? 0)")
}
}
}
}
.listStyle(InsetGroupedListStyle())
}
}
.navigationBarBackButtonHidden(true)
.navigationBarHidden(true)
}
}
Settings.swift
import SwiftUI
struct Settings: View {
@ObservedObject var fetcher = CovidFetcher()
@ObservedObject var userSettings = UserSettings()
@Environment (\.presentationMode) var presentationMode
var body: some View {
NavigationView {
Form {
Section(header: Text("Change country")) {
Picker(selection: $userSettings.selectedCountryIndex, label: Text("Select Country")) {
ForEach(0 ..< countrySelection.count, id: \.self) { countryInx in
Text(countrySelection[countryInx])
}
}
}
Section(header: Text("Select Data")) {
VStack {
List {
Group {
Toggle("Cases", isOn: $userSettings.casesToggle)
Toggle("Cases Today", isOn: $userSettings.casesTodayToggle)
Toggle("Deaths", isOn: $userSettings.deathsToggle)
Toggle("Deaths Today", isOn: $userSettings.deathsTodayToggle)
Toggle("Recovered", isOn: $userSettings.recoveredToggle)
Toggle("Active", isOn: $userSettings.activeToggle)
Toggle("Critical", isOn: $userSettings.criticalToggle)
}
Group {
Toggle("Cases Per One Million", isOn: $userSettings.casesPerOneMillionToggle)
Toggle("Deaths Per One Million", isOn: $userSettings.deathsPerOneMillionToggle)
Toggle("Total Tests", isOn: $userSettings.totalTestsToggle)
Toggle("Tests Per One Million", isOn: $userSettings.testsPerOneMillionToggle)
}
}
}
}
Button(action: {
userSettings.hasOnBoarded = false
}) {
Text("Reset Onboarding ")
}
}
.listStyle(InsetGroupedListStyle())
.navigationBarTitle("Settings", displayMode: .inline)
.navigationBarItems(trailing: Button("Done") {
self.fetcher.load()
presentationMode.wrappedValue.dismiss()
})
}
}
}
带有 JSON 数据的 URL -“https://coronavirus-19-api.herokuapp.com/countries/”
fetcher.load()
在设置中按下“完成”按钮但它不会重新加载 View ,也搜索了很多但找不到答案。
最佳答案
问题是切换 $userSettings.selectedCountryIndex
更新userSettings
属于 Settings
的实例,但这是与 fetcher.userSettings
不同的实例.
因此,当 fetcher.load()
在点击 Done
时调用, fetcher.userSettings.selectedCountryIndex
仍然是旧值。
编辑:对不起,我忘了列出一个解决方案。你可以做userSettings
在 CovidFetcher
内计算(因为 CovidFetcher
无论如何都不会改变它)。这样,UserDefaults 值将始终被读取为当前值。
关于ios - 从 URL 中提取新数据后,SwiftUI View 不会立即重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66393896/
我希望在我的应用程序下载信息时显示 Toast 消息,但即使我将它放在我的代码之前,它也不会在下载完成后出现。将我的代码放在一个单独的线程中会引起很多麻烦,但是将 toast 放在一个单独的线程中也不
面临即时应用更新模式的问题。成功完成应用程序更新后,一切都关闭并且不重新启动应用程序。这就是问题所在。 但是android文档说: A full screen user experience that
我有一张 table 我有一个 anchor 标记,
我正在开发一个具有两个线程的 Java/Seam/Hibernate/Glassfish 应用程序: 线程 #1 发送各种消息并将摘要信息写入 MySQL 数据库。 线程 #2 定期轮询数据库(由 S
我找不到规范的相关部分来回答这个问题。在 Java 中的条件运算符语句中,是否同时评估真假参数? 以下是否会抛出 NullPointerException Integer test = null; t
大家下午好, 我想知道是否有办法使类的静态 block 运行,即使类本身没有被引用? 我知道它是延迟加载的,因此只需调用该类的任何函数即可开始启动该类, 但是,我希望该类在任何调用之前启动,换句话说,
我正在尝试使用 jQuery prop() 方法禁用元素(表单字段)。有两个字段,一个叫做fee,一个叫做currency。每当 fee 设置为 0 时,第二个字段 currency 将被禁用。这样做
我想为 UIButton 的缩放设置动画,并在完成后再次为缩放设置动画,但让它在没有动画的情况下旋转。我尝试将旋转变换放在没有持续时间的动画调用中,但不知何故它仍然成为缩放动画的一部分或替换缩放动画。
在 js 代码中,我创建了 3 个按钮 --- 按钮 1...按钮 2...按钮 3和 3 个输入字段 --- 输入字段 1...输入字段 2...输入字段 3 从脚本开始所有按钮都被禁用 只有当输入
我正在使用一个 threading.Thread() 来完成它的工作并返回 。它的返回记录在打印语句中,所以我确信有时候是这样的。然而,依靠 threading.active_count() 和 th
我正在使用 IntelliJ 9,我很好奇是否有任何与 Visual Studio“即时”调试窗口等效的 IntelliJ。在编辑器中选择所需的表达式,然后 ALT-F8 来评估表达式,但我希望能够在
我有一个两个标签页,一个标签是记录列表,点击记录会切换到编辑标签,编辑标签中有保存和取消按钮。 现在,我单击记录 #1,进行一些编辑,然后单击取消按钮。当然我不想验证表单,因为它被取消了,所以我设置了
我有一个 A viewController,首先,我呈现 B viewController,经过一些工作后,我需要关闭 B viewController 并呈现 C viewController,所以
我希望能够在文本框中输入内容,当用户在文本框中输入内容时,我希望程序无需单击按钮即可自动读取文本框。 例子:用户类型:“abcd”当用户输入时,程序会显示每个字母对应的数字。 程序输出:“1234”
如果任何表单输入发生更改,如何立即更改提交按钮文本? //This applies to whole form $('#test').change(function() { $("#send").
主要功能: var interval; function refreshId(sessio
假设我有一个包含这些列的 data.table nodeID hour1aaa hour1bbb hour1ccc hour2aaa hour2bbb hour2ccc .
根据vimeo js-api doc ,事件 finish - 当视频播放结束时触发。 出于某种原因,我无法让它工作,finish 事件总是立即调用,我做错了什么吗? 我试图让嵌入的视频在播放完毕后消
我想滑动当前ul元素下的所有li元素和slideDown li元素 $(document).ready(function(){ $("li").slideUp(); }); $(".nav")
我有一个表-compositeView,其中有行-itemView。每行都有许多事件 - 单击、更改等等。 在某些状态下,我想“锁定”表。禁用按钮并取消事件。 是否有一种好方法可以立即取消 itemv
我是一名优秀的程序员,十分优秀!