jasudev / axistabview

A library that allows you to easily create various styles of tab views. Supports iOS and macOS.

AxisTabView for SwiftUI

A library that allows you to easily create various styles of tab views. Supports iOS and macOS.

Screenshot

Style	Style	Style

AxisTabView4.mov

AxisTabView-BeadStyle.mov

Example

https://fabulaapp.page.link/233

Usages

AxisTabView(selection: $selection, constant: ATConstant(axisMode: .bottom)) { state in
    ATBasicStyle(state, color: .blue)
} content: {
    Text("Tab 1")
        .tabItem(tag: 0, normal: {
            Text("Tab 1")
        }, select: {
            Text("Tab 1")
                .bold()
                .foregroundColor(Color.yellow)
        })
    Text("Tab 2")
        .tabItem(tag: 1, normal: {
            Text("Tab 2")
        }, select: {
            Text("Tab 2")
                .bold()
                .foregroundColor(Color.yellow)
        })
    Text("Tab 3")
        .tabItem(tag: 2, normal: {
            Text("Tab 3")
        }, select: {
            Text("Tab 3")
                .bold()
                .foregroundColor(Color.yellow)
        })
} onTapReceive: { selectionTap in
    /// Imperative syntax
    print("---------------------")
    print("Selection : ", selectionTap)
    print("Already selected : ", self.selection == selectionTap)
}

Swift Package Manager

The Swift Package Manager is a tool for automating the distribution of Swift code and is integrated into the swift compiler. Once you have your Swift package set up, adding AxisTabView as a dependency is as easy as adding it to the dependencies value of your Package.swift.

dependencies: [
    .package(url: "https://github.com/jasudev/AxisTabView.git", .branch("main"))
]

Contact

instagram : @dev.fabula
email : [email protected]

License

AxisTabView is available under the MIT license. See the LICENSE file for more info.

axistabview's Issues

Mapping between examples and source code?

Thanks again for this library, it's helping me out tremendously.

I was curious to know how I can find the mapping between each example in the README and its corresponding source code? I'm probably missing something obvious here.

For example, where is the source code for this one?

https://github.com/jasudev/AxisTabView/blob/main/Markdown/AxisTabView6.png

It seems the page will be recreated when switch between tabs each time.

Callback when tapping already selected tab item

I'd like to execute some code when the user taps the selected tab item, but I don't think it's possible currently? At least I haven't been able to figure it out.