AnimatedCurveBottom Tab 是一个可定制的 SwiftUI 组件,提供了一个时尚的现代底部标签栏界面,具有平滑的动画。该组件旨在通过提供一种视觉上吸引人的方式来在不同的部分或视图之间导航,从而增强用户体验 😊。
- iOS 15.0+
- Swift 5.3+
- SwiftUI
您可以通过在 Podfile 中添加以下行来通过 CocoaPods 安装 AnimatedCurveBottomTabbar
pod 'AnimatedCurveBottomTab'
平滑动画:标签栏在切换不同标签时有平滑的动画过渡效果,提供了无缝的用户体验。
可定制性:轻松定制标签栏的外观,以匹配您的应用的品牌和设计风格。定制颜色、图标和标签栏项文本以满足您的需求。
交互性:用户可以点击标签栏项来快速切换不同的视图。组件的交互性增强了可使用性和应用中的导航。
响应式:AnimatedCurveBottom Tab 设计为响应式并且适应不同的屏幕大小和方向,确保在各种设备上的一致行为。
struct ContainerView: View {
@State var deafultTab: TabItem = TabItem(id: 0, tabIcon: "icHome")
@State var arrBottomTabs: [TabItem] = [
TabItem(id: 0, tabIcon: "icHomeSelected"),
TabItem(id: 1, tabIcon: "icFavorite"),
TabItem(id: 2, tabIcon: "ic_Email"),
TabItem(id: 3, tabIcon: "icUser"),
]
var body: some View {
ZStack {
AnimatedCurveBottomTabbar(selectedTab: $deafultTab, items: $arrBottomTabs, tabbarCurvePosition: .top, selectedViewCompletion: {
switch selectedTab.id {
case 0:
HomeTab()
case 1:
FavoriteTab()
case 2:
MessageTab()
case 3:
UserTab()
default:
Text("Default")
}
})
}
}
}
AnimatedCurveBottomTab 是 MIT 许可。
如果您在您的项目中使用了我们的开源库,请确保为我们提供信用,并在 www.mindinventory.com 上留下星级评论
