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的表格视图。之前，我们了解了如何使用按钮。可以应用相同的方法来为该按钮提供功能。

推荐文章

基础

• SwiftUI 零基础之NavigationView从入门到精通
• SwiftUI如何处理NavigationView兼容iPad和横屏
• SwiftU中关闭NavigationLink叠加颜色
• SwiftUI 零基础教程之NavigationLink隐藏小箭头
• SwiftUI实战之List & Navigation做个图文混排效果
• SwiftUI 开发脚手架含Tab List Navigation （2020年版）
• SwiftUI 实战之导航条切换到下一个页面后隐藏NavigationView和NavigationLink

高级自定义

• SwiftUI NavigationView设置导航条颜色

推荐文章

CoreData篇

• SwiftUI数据存储之做个笔记App 新增与查询(CoreData)
• SwiftUI进阶之存储用户状态实现登录与登出
• SwiftUI 数据之List显示Sqlite数据库内容（2020年教程）

TextField篇

• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• 《SwiftUI实战之TextField风格自定义与formatters》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
• 《SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》

JSON文件篇

• SwiftUI JSON文件下载、存储、解析和展示(代码大全)

技术交流

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