SwiftUI Navigatin 零基础学习NavigationView 和NavigationLink第一篇文章

基础

  • NavigationView
    NavigationView是SwiftUI中最常用的组件。NavigationView最简单方法是先声明它，然后再添加组件。
NavigationView { 
     NavigationLink("切换的详细界面",destination: Text("这是个详细界面")) 
    .navigationBarTitle("界面切换")
}

这段代码将显示一个带有文本的按钮，点击该按钮后新yem。如果我们将其包装在navigationView中，那么它还会显示后退按钮以返回到主屏幕。

  • NavigationLink
    在前面的代码中，我们还看到另一个与导航相关的项称为NavigationLink。他的作用和HTML中A标记功能类似。点击后将切换到新的界面。

  • NavigationBarItems
    导航视图包括标题栏，它可以在左侧和右侧有按钮。可以使用导航视图元素的 .navigationBarItems 修改器添加这些按钮。它非常容易使用，左右两个按钮在 SwiftUI 中称为前导视图和尾随视图。由于前导和尾随是视图，因此可以是任何视图，文本、图像或按钮;但是，在界面中具有按钮最有意义，以便它是交互式的，并且在点击时可以提供一些活动，例如更改为编辑模式、提供一组选项等：

NavigationView {
    List { Text("Hello World")} .navigationBarItems(trailing:
    Button("Click me") { //
    }) .navigationBarTitle(Text("Settings"))
}

这样提供的布局具有在右上角的按钮，带有文本设置的大标题栏以及带有单个项目Hello World的表格视图。之前，我们了解了如何使用按钮。可以应用相同的方法来为该按钮提供功能。

推荐文章

基础

高级自定义

推荐文章

CoreData篇

TextField篇

JSON文件篇

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。