如何在 SwiftUI 中动态推送视图或呈现视图?
Posted
技术标签:
【中文标题】如何在 SwiftUI 中动态推送视图或呈现视图?【英文标题】:How to Push View or Present View Modally in SwiftUI dynamically? 【发布时间】:2021-02-09 03:10:17 【问题描述】:我正在学习 SwiftUI,目前我的重点是实现一种我能够使用 UIKit 实现的方法。我需要创建一个方法来确定我应该推送视图还是根据布尔值以模态方式呈现视图。
在 UIKit 中,我的代码是:
var presentVC = true // boolean that determines whether VC will be presented or pushed
let vc = ViewController() //Your VC that will be pushed or presented
if (presentVC == true)
self.presentViewController(vc, animated: true, completion: nil)
else
self.navigationController.pushViewController(vc, animated: true)
但在 SwiftUI 中,我不确定如何正确使用:
NavigationLink - 用于推送视图 .sheet(isPresented:, content:) - 用于以模态方式呈现视图似乎 NavigationLink 和 .sheet 修饰符与视图实现相结合。 是否有人已经在 SwiftUI 中遇到并解决了这种情况?谢谢
我正在使用 SwiftUI 1.0,因为我需要支持 ios 13。
【问题讨论】:
@swiftPunk,我知道怎么用谷歌搜索。我也知道如何实现 NavigationLink 和工作表来分别呈现 Modal。我问了这个问题,因为我找不到任何关于我面临的这种情况的文章。如果您设法看到一篇文章,请在此处标记链接,我们将不胜感激。谢谢 如果你知道这一切,你也应该知道答案,我们配偶带来我们的错误或错误的编码方式来获得答案,而不是要求免费代码 @swiftPunk,也许你不明白这个问题。 【参考方案1】:一种可能的解决方案是创建一个具有可用表示类型的自定义枚举:
enum PresentationType
case push, sheet // ...
并创建自定义绑定以激活不同的视图:
func showChildView(presentationType: PresentationType) -> Binding<Bool>
.init(
get: self.showChildView && self.presentationType == presentationType ,
set: self.showChildView = $0
)
完整代码:
struct ContentView: View
@State var presentationType = PresentationType.push
@State var showChildView = false
func showChildView(as presentationType: PresentationType) -> Binding<Bool>
.init(
get: self.showChildView && self.presentationType == presentationType ,
set: self.showChildView = $0
)
var body: some View
NavigationView
VStack
Button(action:
self.presentationType = .push
self.showChildView = true
)
Text("Present new view as Push")
Button(action:
self.presentationType = .sheet
self.showChildView = true
)
Text("Present new view as Sheet")
.navigationBarTitle("Main view", displayMode: .inline)
.background(
NavigationLink(
destination: ChildView(),
isActive: self.showChildView(presentationType: .push),
label:
)
)
.sheet(isPresented: self.showChildView(presentationType: .sheet))
ChildView()
struct ChildView: View
var body: some View
ZStack
Color.red
Text("Child view")
【讨论】:
这正是我试图在 SwiftUI 中实现的。非常感谢 paello2222!以上是关于如何在 SwiftUI 中动态推送视图或呈现视图?的主要内容,如果未能解决你的问题,请参考以下文章
SwiftUI:如何在动态列表或 LazyVStack 中获取视图框架
你如何在 UIKit 视图控制器和它呈现的 SwiftUI 视图之间共享数据模型?