Enhance your App with a better TabBar!
Add the following to your Package.swift file:
let package = Package(
...
dependencies: [
...
.package(name: "BetterTabBar", url: "https://github.com/bircni/BetterTabBar.git", from: "0.1.0"),
],
targets: [
.target(
name: "MyApp",
dependencies: ["BetterTabBar"] // Add as a dependency
)
]
)Use this guide to add BetterTabBar to your project. Use https://github.com/bircni/BetterTabBar for the URL when Xcode asks.
Use the Example in this repository as a starting point.
Create a main View and add the BetterTabBar
import SwiftUI
import BetterTabBar
struct ContentView: View {
@AppStorage("tabId") var tabId: Int = 0
var body: some View {
ZStack (alignment: .bottom){
switch tabId {
case 0:
VStack {
Spacer()
Text("View 1")
Spacer()
}
case 1:
VStack {
Spacer()
Text("View 2")
Spacer()
}
case 2:
VStack {
Spacer()
Text("View 3")
Spacer()
}
case 3:
VStack {
Spacer()
Text("View 1")
Spacer()
}
default:
Text("View 1")
}
BetterTabBar(tabId: $tabId, strokeColor: .blue, strokeLineWidth: 2, spacing: 25, cornerRadius: 30, height: 60, tapFeedback: true, buttons: [
TabButton(selectedImage: Image(systemName: "bus"), unselectedImage: Image(systemName: "bus.fill"), lightColor: .green, darkColor: .blue),
TabButton(selectedImage: Image(systemName: "car"), unselectedImage: Image(systemName: "car.fill"), lightColor: .green, darkColor: .blue),
TabButton(selectedImage: Image(systemName: "tram"), unselectedImage: Image(systemName: "tram.fill"), lightColor: .green, darkColor: .blue)
])
}
}
}Contributions are very welcome 🙌
To submit your changes, please open a Pull Request with a clear description of your changes.