本文价值与收获
看完本文后,您将能够作出下面的界面

Jietu20200502-204733@2x.jpg

Jietu20200502-204752.gif
基础知识(高手可以略过,下面更精彩)
- 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的表格视图。之前,我们了解了如何使用按钮。可以应用相同的方法来为该按钮提供功能。