ios - 在 SwiftUI 中的视图之间切换
问题描述
基本上,我试图从只有一个徽标和一个进度视图栏的加载页面转到一个名为 HomeView 的全新屏幕。每当进度条加载完成时,我都想直接进入 HomeView,我再也不会回到加载页面。有没有办法像这样在屏幕之间切换?
我在 youtube 上看到很多人使用导航链接,但我没有按钮或任何东西来触发它。另外,我看到当他们进入新页面时,他们仍然可以点击蓝色的后退按钮回到加载页面,这是我不希望发生的。
我留下下面的代码,以防你们都需要参考。
我是ios编程新手,所以谢谢大家的帮助。
这是加载页面
import SwiftUI
struct ContentView: View {
@State var downloadAmount: Float = 0.0
let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()
var body: some View {
ZStack {
Color (red: 12/255, green: 18/255, blue: 25/255).edgesIgnoringSafeArea(.all)
VStack(spacing: 30.0) {
Image("logo")
ProgressView(value: downloadAmount, total: 50).accentColor(Color(red: 255/255, green: 232/255, blue: 147/255)) }.padding(.horizontal, 50)
.onReceive(timer) { _ in
if downloadAmount < 50 {
downloadAmount += 2
}
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
我想在进度条用完后直接进入 HomeView。
import SwiftUI
struct HomeView: View {
@State var progressValue: Float = 0.2
var body: some View {
Text("Hello World")
}
}
struct HomeView_Preview: PreviewProvider {
static var previews: some View {
ContentView()
}
}
解决方案
downloadAmount
您可以根据属性呈现不同的视图。我还建议withAnimation
在更新进度条时使用:
struct ContentView: View {
@State var downloadAmount: Float = 0.0
let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()
var body: some View {
ZStack {
Color(red: 12 / 255, green: 18 / 255, blue: 25 / 255).edgesIgnoringSafeArea(.all)
if downloadAmount >= 50 { // display conditionally
HomeView()
} else {
logoView
}
}
.onReceive(timer) { _ in
if downloadAmount < 50 {
withAnimation { // add animation
downloadAmount += 2
}
}
}
}
var logoView: some View { // extract as a computed variable for clarity
VStack(spacing: 30.0) {
Image("logo")
ProgressView(value: downloadAmount, total: 50).accentColor(Color(red: 255 / 255, green: 232 / 255, blue: 147 / 255))
}
.padding(.horizontal, 50)
}
}
我建议将徽标视图提取到另一个结构/计算属性。此外,将计时器逻辑移动到@ObservableObject
.
推荐阅读
- java - 堆栈是从 0 开始还是从 1 开始?
- rust - 如何通过 Rust 宏将表达式中的一个标识符替换为另一个标识符?
- model-checking - UPPAAL SMC 避免状态空间爆炸
- java - 如何从 Zip 文件中提取 Json 数据并将提取的 Json 文件发送到前端?
- swift - 如何制作自定义 NSDatePickerCell 以更改选择颜色?
- html - 为什么 django 不使用拖放文件上传重定向到新的 url?
- powerbi - PowerBI - 将列函数与度量相结合
- flutter - 如何创建一个新的其他流流,返回所有发出的值的列表(块模式)?
- r - 如何在 ggplot2 中对堆叠条进行分组并修改某些值的颜色?
- python - 多个 func.count().filter() 会多次扫描数据库吗?