ios SwiftUI 教程之自定义标签栏组件（教程含源码）

今天我们将在 SwiftUI 中构建自定义的 Tabbar 控件。我们的自定义标签栏将支持纵向和横向模式。

在本文结束时，我们将拥有：

让我们开始吧

我们将从一个表示选项卡项的枚举开始。此枚举还将返回项目的字符串表示形式以及选项卡的 SF 符号图标。

enum TabItem: String, CaseIterable {

case home

case search

case bookmarks

case profile

var description: String {

switch self {

case .home:

return "Home"

case .search:

return "Search"

case .bookmarks:

return "Bookmarks"

case .profile:

return "Profile"

}

}

var icon: String {

switch self {

case .home:

return "house.circle.fill"

case .search:

return "magnifyingglass.circle.fill"

case .bookmarks:

return "bookmark.circle.fill"

case .profile:

return "person.circle.fill"

文章链接