@@ -14,123 +14,128 @@ struct ContentView : View {
14
14
NavigationView {
15
15
List {
16
16
Section ( header: Text ( " 特殊视图 " ) ) {
17
- NavigationButton ( destination: WebViewPage ( ) ) {
18
- PageRow ( title: " WebView " , subTitle: " 用于展示一个打开的网页 " )
17
+ NavigationLink ( destination: WebViewPage ( ) ) {
18
+ PageRow ( title: " WebView " , subTitle: " 用于展示一个打开的网页 " )
19
19
}
20
- NavigationButton ( destination: ControllerPage < UIKitController > ( ) ) {
21
- PageRow ( title: " UIViewController " , subTitle: " 打开 UIViewController " )
20
+ NavigationLink ( destination: ControllerPage < UIKitController > ( ) ) {
21
+ PageRow ( title: " UIViewController " , subTitle: " 打开 UIViewController " )
22
22
}
23
23
}
24
24
Section ( header: Text ( " 基础控件 " ) ) {
25
- NavigationButton ( destination: TextPage ( ) ) {
25
+ NavigationLink ( destination: TextPage ( ) ) {
26
26
PageRow ( title: " Text " , subTitle: " 显示一行或多行只读文本 " )
27
27
}
28
- NavigationButton ( destination: TextFieldPage ( ) ) {
28
+ NavigationLink ( destination: TextFieldPage ( ) ) {
29
29
PageRow ( title: " TextField " , subTitle: " 显示可编辑文本界面的输入控件 " )
30
30
}
31
- NavigationButton ( destination: TextFieldPage ( ) ) {
31
+ NavigationLink ( destination: TextFieldPage ( ) ) {
32
32
PageRow ( title: " SecureField " , subTitle: " 安全输入私密文本的输入控件 " )
33
33
}
34
- NavigationButton ( destination: ImagePage ( ) ) {
34
+ NavigationLink ( destination: ImagePage ( ) ) {
35
35
PageRow ( title: " Image " , subTitle: " 用以展示本地图片 " )
36
36
}
37
- NavigationButton ( destination: WebImagePage ( ) ) {
37
+ NavigationLink ( destination: WebImagePage ( ) ) {
38
38
PageRow ( title: " WebImage " , subTitle: " 下载网络图片并展示 " )
39
39
}
40
40
}
41
41
Section ( header: Text ( " 按钮 " ) ) {
42
- NavigationButton ( destination: ButtonPage ( ) ) {
42
+ NavigationLink ( destination: ButtonPage ( ) ) {
43
43
PageRow ( title: " Button " , subTitle: " 触发时执行操作的按钮 " )
44
44
}
45
- NavigationButton ( destination: NavigationButtonPage ( ) ) {
45
+ NavigationLink ( destination: NavigationButtonPage ( ) ) {
46
46
PageRow ( title: " NavigationButton " , subTitle: " 按下时触发导航跳转的按钮 " )
47
47
}
48
- PresentationButton ( PageRow ( title: " PresentationButton " , subTitle: " 触发时显示内容的按钮控件 " ) ,
49
- destination: Text ( " I'm Text " ) ) {
50
- print ( " Present 🦄 " )
48
+ NavigationLink ( destination: Text ( " I'm Text " ) ) {
49
+ PageRow ( title: " PresentationButton " , subTitle: " 触发时显示内容的按钮控件 " )
51
50
}
52
- NavigationButton ( destination: EditButtonPage ( ) ) {
51
+ // NavigationLink(PageRow(title: "PresentationButton", subTitle: "触发时显示内容的按钮控件"),
52
+ // destination: Text("I'm Text")) {
53
+ // print("Present 🦄")
54
+ // }
55
+ NavigationLink ( destination: EditButtonPage ( ) ) {
53
56
PageRow ( title: " EditButton " , subTitle: " 用于切换当前编辑模式的按钮 " )
54
57
}
55
58
}
56
59
57
60
Section ( header: Text ( " 选择器 " ) ) {
58
- NavigationButton ( destination: PickerPage ( ) ) {
61
+ NavigationLink ( destination: PickerPage ( ) ) {
59
62
PageRow ( title: " Picker " , subTitle: " 可自定义数据源的 Picker 选择器 " )
60
63
}
61
- NavigationButton ( destination: DatePickerPage ( ) ) {
64
+ NavigationLink ( destination: DatePickerPage ( ) ) {
62
65
PageRow ( title: " DatePicker " , subTitle: " 日期展示与选择 " )
63
66
}
64
- NavigationButton ( destination: TogglePage ( ) ) {
67
+ NavigationLink ( destination: TogglePage ( ) ) {
65
68
PageRow ( title: " Toggle " , subTitle: " 开关状态切换 " )
66
69
}
67
- NavigationButton ( destination: SliderPage ( ) ) {
70
+ NavigationLink ( destination: SliderPage ( ) ) {
68
71
PageRow ( title: " Slider " , subTitle: " 用以设置指定范围内的值 " )
69
72
}
70
- NavigationButton ( destination: StepperPage ( ) ) {
73
+ NavigationLink ( destination: StepperPage ( ) ) {
71
74
PageRow ( title: " Stepper " , subTitle: " 用以增加或减少数值 " )
72
75
}
73
- NavigationButton ( destination: SegmentedControlPage ( ) ) {
74
- PageRow ( title: " SegmentedControl " , subTitle: " 用以从一组选项中进行选择 " )
75
- }
76
+ // deprecated
77
+ // NavigationLink(destination: SegmentedControlPage()) {
78
+ // PageRow(title: "SegmentedControl", subTitle: "用以从一组选项中进行选择")
79
+ // }
76
80
}
77
81
78
82
Section ( header: Text ( " 布局 " ) ) {
79
- NavigationButton ( destination: HStackPage ( ) ) {
83
+ NavigationLink ( destination: HStackPage ( ) ) {
80
84
PageRow ( title: " HStack " , subTitle: " 将子视图排列在水平线上的视图 " )
81
85
}
82
- NavigationButton ( destination: VStackPage ( ) ) {
86
+ NavigationLink ( destination: VStackPage ( ) ) {
83
87
PageRow ( title: " VStack " , subTitle: " 将子视图排列在垂直线上的视图 " )
84
88
}
85
- NavigationButton ( destination: ZStackPage ( ) ) {
89
+ NavigationLink ( destination: ZStackPage ( ) ) {
86
90
PageRow ( title: " ZStack " , subTitle: " 覆盖子视图,在两轴上对齐 " )
87
91
}
88
- NavigationButton ( destination: ListPage ( ) ) {
92
+ NavigationLink ( destination: ListPage ( ) ) {
89
93
PageRow ( title: " List " , subTitle: " 列表容器,用以显示一列数据 " )
90
94
}
91
- NavigationButton ( destination: ScrollViewPage ( ) ) {
95
+ NavigationLink ( destination: ScrollViewPage ( ) ) {
92
96
PageRow ( title: " ScrollView " , subTitle: " 滚动视图 " )
93
97
}
94
- NavigationButton ( destination: ForEachPage ( ) ) {
98
+ NavigationLink ( destination: ForEachPage ( ) ) {
95
99
PageRow ( title: " ForEach " , subTitle: " 用于根据已有数据的集合展示视图 " )
96
100
}
97
- NavigationButton ( destination: GroupPage ( ) ) {
101
+ NavigationLink ( destination: GroupPage ( ) ) {
98
102
PageRow ( title: " Group " , subTitle: " 用于集合多个视图,对 Group 设置的属性,将作用于每个子视图 " )
99
103
} . frame ( height: 80 )
100
- NavigationButton ( destination: SectionPage ( ) ) {
104
+ NavigationLink ( destination: SectionPage ( ) ) {
101
105
PageRow ( title: " Section " , subTitle: " 用于创建带头/尾部的视图内容,一般结合 `List` 组件使用 " )
102
106
} . frame ( height: 80 )
103
107
}
104
108
Section ( header: Text ( " 导航视图 " ) ) {
105
- NavigationButton ( destination: NavigationViewPage ( ) ) {
109
+ NavigationLink ( destination: NavigationViewPage ( ) ) {
106
110
PageRow ( title: " NavigationView " , subTitle: " 用于创建包含顶部导航栏的视图容器 " )
107
111
}
108
- NavigationButton ( destination: TabBarPage ( ) ) {
112
+ NavigationLink ( destination: TabBarPage ( ) ) {
109
113
PageRow ( title: " TabBar " , subTitle: " 用于创建包含底部 TabBar 的视图容器 " )
110
114
}
111
115
}
112
116
Section ( header: Text ( " Alert 弹框视图 " ) ) {
113
- NavigationButton ( destination: AlertPage ( ) ) {
117
+ NavigationLink ( destination: AlertPage ( ) ) {
114
118
PageRow ( title: " Alert " , subTitle: " 展示一个弹框提醒 " )
115
119
}
116
- NavigationButton ( destination: ActionSheetPage ( ) ) {
120
+ NavigationLink ( destination: ActionSheetPage ( ) ) {
117
121
PageRow ( title: " ActionSheet " , subTitle: " 弹出一个选择框 " )
118
122
}
119
- NavigationButton ( destination: ModalPage ( ) ) {
123
+ NavigationLink ( destination: ModalPage ( ) ) {
120
124
PageRow ( title: " Modal " , subTitle: " Modal 弹出一个视图 " )
121
125
}
122
- NavigationButton ( destination: PopoverPage ( ) ) {
126
+ NavigationLink ( destination: PopoverPage ( ) ) {
123
127
PageRow ( title: " Popover " , subTitle: " Pop 弹出一个视图 " )
124
128
}
125
129
}
126
130
}
127
- . listStyle ( . grouped )
131
+ . listStyle ( GroupedListStyle ( ) )
128
132
. navigationBarTitle ( Text ( " Example " ) , displayMode: . large)
129
133
. navigationBarItems ( trailing: Button ( action: {
130
134
print ( " Tap " )
131
135
} , label: {
132
- Text ( " Right " ) . color ( . orange)
136
+ Text ( " Right " ) . foregroundColor ( . orange)
133
137
} ) )
138
+
134
139
}
135
140
}
136
141
0 commit comments