onl1ner / tabbar Goto Github PK

📱 TabBar – highly customizable tab bar (i.e. TabView) for your SwiftUI application.

License: MIT License

Swift 100.00%

tabbar tab bar swiftui swift xcode library custom-tabbar custom-tab-bar tabview

tabbar's Issues

Unable to dynamically change the tabItem icon when tab is selected

Is there a way of changing the icon name with respect to the selection state variable? Example: When "Home" tab is selected, I want to use SF-icon "house.fill", otherwise "house".

couldn't find it in SPM

copy the url and found 0 results
please help

TabBar doesn't follow system dark mode

I noticed that it doesn't follow system dark mode. Is this an issue or am I missing something? Thanks.

Is it possible to hide tab bar when user selects second tab item only, for example? I want to have several items and if selects first item tabbar should be show but for another (or navigation links) - not.

Feature Request: Allow badges

It would be nice to have the possibility to show a badge on a tabBar icon if needed/wanted.

The idea would be to extend TabItemStyle with a badgeNumber: Int? parameter, which would allow handling the drawing of badges. Additionally, the Tabbable protocol must also be extended with a function func badgeNumber(for item: Tabbable) -> Int?, can have a default implementation { nil }

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

struct ContentView: View {
    
    private enum Item: Int, Tabbable {
        case first = 0
        case second
        case third
        
        var icon: String {
            switch self {
                case .first: return "house"
                case .second: return "magnifyingglass"
                case .third: return "person"
            }
        }
        
        var title: String {
            switch self {
                case .first: return "First"
                case .second: return "Second"
                case .third: return "Third"
            }
        }
    }
    
    @State private var selection: Item = .first
    @State private var visibility: TabBarVisibility = .visible
    
    var body: some View {
        TabBar(selection: $selection, visibility: $visibility) {
            Button {
                withAnimation {
                    visibility.toggle()
                }
            } label: {
                Text("Hide/Show TabBar")
            }
            .tabItem(for: Item.first)
            
			Second()
                .tabItem(for: Item.second)
            
            Text("Third")
                .tabItem(for: Item.third)
        }
        .tabBar(style: CustomTabBarStyle())
        .tabItem(style: CustomTabItemStyle())
    }
}

struct ContentSystemTabView: View {
	var body: some View {
		TabView {
			Text("First")
				.tabItem {
					Text("first")
				}

			Second()
				.tabItem {
					Text("second")
				}
		}
	}
}

struct Second: View {
	init() {
		print("init...")
	}
	var body: some View {
		Text("Second")
	}
}

You will find the difference between TabView.

Option to give Image String instead of custom image String

How could we give the asset string name instead of giving custom image name?

Wrap the TabBar in the NavigationView on the ipad side. The TabBar cannot be displayed

Wrap the TabBar in the NavigationView on the ipad side. The TabBar cannot be displayed,How to solve this please

Content is hidden behind TabBar

diff --git a/Example/Example/ContentView.swift b/Example/Example/ContentView.swift
index 5b7e8e3..8e591c2 100644
--- a/Example/Example/ContentView.swift
+++ b/Example/Example/ContentView.swift
@@ -61,14 +61,23 @@ struct ContentView: View {
                 Text("Hide/Show TabBar")
             }
             .tabItem(for: Item.first)
-            
-            Text("Second")
-                .tabItem(for: Item.second)
+
+            ScrollView {
+                VStack {
+                    ForEach(0..<100, id: \.self) { i in
+                        Rectangle()
+                            .fill(Color.accentColor)
+                            .overlay(
+                                TextField("\(i)", text: .constant("\(i)"))
+                            )
+                    }
+                }
+            }
+            .tabItem(for: Item.second)
             
             Text("Third")
                 .tabItem(for: Item.third)
         }
-        .tabBar(style: CustomTabBarStyle())
         .tabItem(style: CustomTabItemStyle())
     }
 }

Every tab item has a view, is it possible to give no view to tabitem

The idea behind doing this, I want to open a view on the top of previous selected view instead of opening a new view.

Perform action when user presses or long presses a tab item

Hello,

I didn't see this in the documentation, but it would be great if we could attach gesture recognizers to tabs (individually or as a group) to perform other actions on a tab.

As an example (what I want to do):

When a tab is active, pressing the tab item again should scroll to the top and refresh the content
Long pressing on a tab to go back to the root view
Adding haptics when a user presses a tab

This is lower priority for me, but when I have more time, I'll probably explore this on my own if no one else gets to it.

Thanks for considering!

How can I change visibility status on another view ? Seems not working

Hi
I would like to hide and show the TabBar when click a view

it show invisible but its not updating

No releases

It would be great if the project had releases and used semantic versioning. It would make the usage and update much easier.

Right now it has to be integrated using branches or commits.

TabBar content did not appear (render) in iOS14.0

In iOS14.0, I use TabBar in a NavigationView, content of the tabbar is invisible, but CustomTabBarStyle works.Without NavigationView, all things go well.

Hide/Show TabBar

hey, great work really. Is it possible to hide the navbar? (remove from screen)|
The idea is when a user clicks on a navigation button and go to another view the navbar should fall down and when the user click on Back button it should appear again.

Updating Selection from Another View

How I can updated selected State if I'm navigating to view (presented TabBar), but not from TabBar, like from button inside of another view, or using NavigationLink in another view.

Thank you

View with TabBar

struct GeneralView View {
    
    enum Item: Int, Tabbable {
        case home = 0
        case letters
        case heritage
        case bookmarks
        case third
        
        
        var icon: String {
            switch self {
                case .letters: return "textformat"
                case .heritage: return "command"
                case .home: return "house.fill"
                case .third: return "quote.bubble"
                case .bookmarks: return "bookmark.fill"
               
            }
        }
        
        var title: String {
            switch self {
                case .letters: return "Letters"
                case .heritage: return "Heritage"
                case .home: return "Arageel"
                case .third: return "Third"
                case .bookmarks: return "Bookmarks"
               
            }
        }
    }
    
    @State private var selection: Item = .home
    @State private var visibility: TabBarVisibility = .visible
    
    
    var body: some View {
        
        TabBar(selection: $selection, visibility: $visibility) {
            LettersGridView()
                .tabItem(for: Item.letters)
            
            HeritageZineHomeView()
                .environmentObject(RSSReader())
                .tabItem(for: Item.heritage)
            HomeView()
                .tabItem(for: Item.home)
            PBHomeView()
                .tabItem(for: Item.third)
            
            PBHomeView()
                .tabItem(for: Item.bookmarks)
        }
        .tabBar(style: CustomTabBarStyle())
        .tabItem(style: CustomTabItemStyle())
        .ignoresSafeArea(.all)
    }
}

Another View

    var stickyHeaderView: some View {
        HStack {
            Text("Heritage").modifier(MainStoryTitle(color: "BlackDark"))
            Spacer()
            NavigationLink (
                destination:
                    HeritageHomeView()
            ) {
                Image(systemName: "arrow.up.forward")
                    .foregroundColor(Color("Orange"))
            }
        }
        .padding(.horizontal, 30)

    }

Add code documentation

Using environmental size classes

Is there a way to use environmental size classes when defining a custom TabItemStyle?

I would like to show text bellow the icon when the app has a .regular .horizontalSizeClass, and only show the icon when it is .compact. With the current implementation I'm not really sure how to do it in a way that the size class variable gets updated correctly and I don't get "Accessing Environment<Optional<UserInterfaceSizeClass>>'s value outside of being installed on a View. This will always read the default value and will not update."

onl1ner / tabbar Goto Github PK

tabbar's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs