SwiftUI—如何在PreviewProvider中使用导航视图

简介: SwiftUI—如何在PreviewProvider中使用导航视图

本节课演示如何在PreviewProvider中添加导航视图,从而将页面里的元素,可以在预览时显示在导航视图之中。


示例代码:


struct ContentView : View {
    var body: some View {
        VStack{
            Image("SwiftUI")
            .navigationBarTitle("About SwiftUI")
            Text("SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift. Build user interfaces for any Apple device using just one set of tools and APIs. With a declarative Swift syntax that’s easy to read and natural to write, SwiftUI works seamlessly with new Xcode design tools to keep your code and design perfectly in sync. Automatic support for Dynamic Type, Dark Mode, localization, and accessibility means your first line of SwiftUI code is already the most powerful UI code you’ve ever written.")
            .padding()
        }
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        NavigationView { //将内容视图放置在NavigationView中里,从而预览当前页面位于导航视图里的效果
            ContentView()
        }
    }
}


2466108-74e639b8c9534e4c.webp.jpg


目录
相关文章
|
C# 索引 Windows
Winform控件优化之TabControl控件的使用和常用功能
TabControl是一个分页切换(tab)控件,不同的页框内可以呈现不同的内容,将主要介绍调整tab的左右侧显示、设置多行tab、禁用或删除tabpage、隐藏TabControl头部的选项卡等
4965 0
Winform控件优化之TabControl控件的使用和常用功能
|
C# 容器
Winform控件优化之TabControl控件的美化和功能扩展
在基本的TabControl控件使用和功能之上,可以尝试对其进行美化和功能扩展,比如动态删除或添加tab、绘制图标按钮及鼠标hover时的背景变化、Tab从右向左布局的优化处理等。最重要...
2676 0
Winform控件优化之TabControl控件的美化和功能扩展
SwiftUI—使用Text视图创建漂亮的富文本
SwiftUI—使用Text视图创建漂亮的富文本
1203 0
SwiftUI—使用Text视图创建漂亮的富文本
|
架构师 开发者
导航控件|学习笔记
快速学习导航控件。
导航控件|学习笔记
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
272 0
SwiftUI 中的自定义导航
|
开发者
导航控件| 学习笔记
快速学习导航控件。
|
开发者 索引
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
616 0
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
263 0
SwiftUI—如何使一个视图同时支持多种的手势
|
定位技术
SwiftUI—使用MapKit里的地图视图
SwiftUI—使用MapKit里的地图视图
453 0
SwiftUI—使用MapKit里的地图视图
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加单击手势
268 0
SwiftUI—如何给视图添加单击手势