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

  

  

这里教大家如何弹出一个简单的模态视图。分别有两个页面,<代码> ContentView 和<代码> GCPresentedView>   

  

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

        struct ContentView:查看{   @State var ispresent=false      var身体:一些视图{   按钮(动作:{   自我。ispresent=true   标签}:{   文本(“现在语气地”)   })   .sheet (ispresent: ispresent美元){   GCPresentedView ()   }   }   }      

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

  

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

  

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

  
  

公共func sheet (ispresent: Binding,>   struct GCPresentedView:查看{   @Environment (\ .presentationMode) var模式      var身体:一些视图{   按钮(动作:{   self.mode.wrappedValue.dismiss ()   标签}:{   文本(“驳回”)   })   }   }      之前      

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

  

直接在Xcode运行预览

  

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

  

  

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

  

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

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