AnimatedCurveBottomTabbar 1.0.10

AnimatedCurveBottomTabbar 1.0.10

Tushar Sanchaniya 维护。



AnimatedCurveBottomTab SwiftUI 标签页

AnimatedCurveBottom Tab 是一个可定制的 SwiftUI 组件,提供了一个时尚的现代底部标签栏界面,具有平滑的动画。该组件旨在通过提供一种视觉上吸引人的方式来在不同的部分或视图之间导航,从而增强用户体验 😊。

CI Status Platform iOS

要求 🛠️

  • iOS 15.0+
  • Swift 5.3+
  • SwiftUI

安装 ⚙️

CocoaPods

您可以通过在 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")
                }
            })
        }
    }
}

🙋 作者

📱 查看我们其他的移动 UI 库列表 🤩



💻 查看我们其他的 Web 库列表 🤩



查看我们的工作 📜



许可证

AnimatedCurveBottomTab 是 MIT 许可

如果您在您的项目中使用了我们的开源库,请确保为我们提供信用,并在 www.mindinventory.com 上留下星级评论

app development