IOS在SwiftUI中显示模态视图的实例代码

 更新时间:2020年02月19日 09:58:44   作者:GarveyCalvin  
这篇文章主要介绍了IOS在SwiftUI中显示模态视图的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

简介

这里教大家如何弹出一个简单的模态视图。分别有两个页面,ContentViewGCPresentedView,以下对应简称为A和B。我们要做的是在A视图中点击按钮跳转到B视图,然后再从B视图点击按钮返回到A视图。

步骤

在A视图中创建按钮和模态视图代码

struct ContentView: View {
  @State var isPresented = false
  
  var body: some View {
    Button(action: {
      self.isPresented = true
    }, label: {
      Text("Present Modally")
    })
    .sheet(isPresented: $isPresented) {
      GCPresentedView()
    }
  }
}

使用 @State 对属性进行修饰,在 SwiftUI 内部会自动转换为一对getter,setter,对这个属性进行赋值时会触发视图更新。

$isPresented 能够将值引用(引用方法是在值前方加一个$符号),当引用的值发生改变时,这个改变会向外传递。

.sheet方法用于弹出一个模态视图,在SwiftUI中的定义为。

public func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, @ViewBuilder content: @escaping () -> Content) -> some View where Content : View

在B视图中创建按钮和关闭模态视图代码

struct GCPresentedView: View {
  @Environment(\.presentationMode) var mode
  
  var body: some View {
    Button(action: {
      self.mode.wrappedValue.dismiss()
    }, label: {
      Text("Dismiss")
    })
  }
}

@Environment 获取环境变量 presentationMode ,我们可以通过这个变量调用 wrappedValue.dismiss() 可以关闭模态视图。

直接在 Xcode 运行预览

总结

使用 SwiftUI 框架处理界面方便很多,不用太多的定义,我们只需要将界面进行描述出来就可以了。这个教程示例中使用到了 Button 和 Text 控件,也用到了@State, Binding, @Environment 技术点。教程很简单,放上来大家一起学习,教程里的代码已放在了GitHub上面,点击这里获取代码

以上所述是小编给大家介绍的IOS在SwiftUI中显示模态视图的实例代码,希望对大家有所帮助,也非常感谢大家对脚本之家网站的支持!

相关文章

  • IOS 开发之Swift 元组的实例详解

    IOS 开发之Swift 元组的实例详解

    这篇文章主要介绍了IOS 开发之Swift 元组的实例详解的相关资料,需要的朋友可以参考下
    2017-07-07
  • iOS 12适配以及问题小记

    iOS 12适配以及问题小记

    苹果官方在上个月推送了iOS12系统,作为一名开发者当然要紧跟更新技术,所以下面这篇文章主要给大家介绍了关于iOS 12适配以及一些问题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • 详解iOS App开发中Cookie的管理方法

    详解iOS App开发中Cookie的管理方法

    iOS中主要靠NSHTTPCookieStorage和NSHTTPCookie来管理Cookie,下面我们就来详解iOS App开发中Cookie的管理方法,在最后一部分会单独整理出如何清除Cookie的方法.
    2016-07-07
  • IOS中Json解析实例方法详解(四种方法)

    IOS中Json解析实例方法详解(四种方法)

    本文将介绍TouchJson、 SBJson 、JSONKit 和 iOS5所支持的原生的json方法,解析国家气象局API。通过本文给大家介绍IOS中Json解析的四种方法,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • iOS10适配(必看)

    iOS10适配(必看)

    这篇文章主要介绍了iOS10适配(必看)的相关资料,本文图文并茂介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • IO实现计算器功能

    IO实现计算器功能

    这篇文章主要为大家详细介绍了IOS基础之计算器的编写,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • ios12中遇到的带input弹窗的错位问题的解决方法

    ios12中遇到的带input弹窗的错位问题的解决方法

    这篇文章主要介绍了ios12中遇到的带input弹窗的错位问题的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • iOS左右滑动标签页导航的设计

    iOS左右滑动标签页导航的设计

    这篇文章主要为大家详细介绍了iOS左右滑动标签页导航的设计思路,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • iOS从App跳转至系统设置菜单各功能项的编写方法讲解

    iOS从App跳转至系统设置菜单各功能项的编写方法讲解

    这篇文章主要介绍了iOS从App跳转至系统设置菜单各功能项的编写方法讲解,示例代码为传统的Objective-C,需要的朋友可以参考下
    2016-04-04
  • iOS 统计Xcode项目代码行数的实例

    iOS 统计Xcode项目代码行数的实例

    下面小编就为大家分享一篇iOS 统计Xcode项目代码行数的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01

最新评论