NavigationTabBar | Navigation tab bar with colorful interactions. | User Interface library

by Devlight Java Version: 1.2.5 License: Apache-2.0

Download this library from

kandi X-RAY | NavigationTabBar Summary

NavigationTabBar is a Java library typically used in User Interface, React Native applications. NavigationTabBar has no bugs, it has no vulnerabilities, it has build file available, it has a Permissive License and it has medium support. You can download it from GitHub.

Navigation tab bar with colorful interactions. [![Android Arsenal](https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScbFFTYko2dlc2d28)](http://android-arsenal.com/details/1/3382) [![Android](https://drive.google.com/uc?export=download&id=0BxPO_UeS7wSccEZaclNGN0R5OWc)](https://github.com/DevLight-Mobile-Agency) [![Download](https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScZE8wb0xKbC1RT0U)](https://bintray.com/gigamole/maven/navigationtabbar/_latestVersion) [![License](https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScU0tmeFpGMHVWNWs)](https://github.com/DevLight-Mobile-Agency/NavigationTabBar/blob/master/LICENSE.txt) [![Codacy](https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScSHhmckZyeGJDcXc)](https://www.codacy.com/app/gigamole53/NavigationTabBar?utm_source=github.com&utm_medium=referral&utm_content=DevLight-Mobile-Agency/NavigationTabBar&utm_campaign=Badge_Grade). <table align="center"> <tr> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScTEVDQXJLOGZLZFU"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScTmhyQl9RYVIyUFE"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScTmhyQl9RYVIyUFE"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScTDVwbm1qclB1MmM"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScVWp3eGV4dEJTN2M"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScdmloRFNKV3hfS0U"/></td> <td><img src="https://drive.google.com/uc?export=download&id=0BxPO_UeS7wScclZSSlU2ZE1qVVU"/></td> </tr> </table>. You can check the sample app [here](https://github.com/DevLight-Mobile-Agency/NavigationTabBar/tree/master/app).

Support

Quality

Security

License

Reuse

kandi-support Support

NavigationTabBar has a medium active ecosystem.
It has 4881 star(s) with 878 fork(s). There are 160 watchers for this library.
It had no major release in the last 12 months.
There are 61 open issues and 81 have been closed. On average issues are closed in 100 days. There are 1 open pull requests and 0 closed requests.
It has a neutral sentiment in the developer community.
The latest version of NavigationTabBar is 1.2.5

NavigationTabBar Support

Best in #User Interface

Average in #User Interface

NavigationTabBar Support

Best in #User Interface

Average in #User Interface

quality kandi Quality

NavigationTabBar has 0 bugs and 0 code smells.

NavigationTabBar Quality

Best in #User Interface

Average in #User Interface

NavigationTabBar Quality

Best in #User Interface

Average in #User Interface

security Security

NavigationTabBar has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
NavigationTabBar code analysis shows 0 unresolved vulnerabilities.
There are 0 security hotspots that need review.

NavigationTabBar Security

Best in #User Interface

Average in #User Interface

NavigationTabBar Security

Best in #User Interface

Average in #User Interface

license License

NavigationTabBar is licensed under the Apache-2.0 License. This license is Permissive.
Permissive licenses have the least restrictions, and you can use them in most projects.

NavigationTabBar License

Best in #User Interface

Average in #User Interface

NavigationTabBar License

Best in #User Interface

Average in #User Interface

build Reuse

NavigationTabBar releases are available to install and integrate.
Build file is available. You can build the component from source.
Installation instructions, examples and code snippets are available.
NavigationTabBar saves you 1423 person hours of effort in developing the same functionality from scratch.
It has 3180 lines of code, 173 functions and 29 files.
It has high code complexity. Code complexity directly impacts maintainability of the code.

NavigationTabBar Reuse

Best in #User Interface

Average in #User Interface

NavigationTabBar Reuse

Best in #User Interface

Average in #User Interface

Top functions reviewed by kandi - BETA

kandi has reviewed NavigationTabBar and discovered the below as its top functions. This is intended to give you an instant insight into NavigationTabBar implemented functionality, and help decide if they suit your requirements.

Override to register a measure .
Start an activity
Set the index of the model .
Updates the SnackBar s layout .
Ensure or cancels animator for a tab bar .
Overrides super method to be overridden by subclasses .
Initialize UI .
Generate a random color .
This method is only called when a child view has been nested or down .

NavigationTabBar Key Features

NavigationTabBar requires a minimum SDK version of 11.

NavigationTabBar Examples and Code Snippets

See all related Code Snippets

Warn

Copy

Download

This library is not more supported.
If you want to add new feature or fix a bug, grab source code and do it.
If you think your fix or feature would be useful to other developers,
I can add link of your repository to this README file.
Thank you for using our libraries.

Download

Copy

Download

compile 'devlight.io:navigationtabbar:1.2.5'

Sample

Copy

Download

final NavigationTabBar navigationTabBar = (NavigationTabBar) findViewById(R.id.ntb);
final ArrayList&lt;NavigationTabBar.Model&gt; models = new ArrayList&lt;&gt;();
models.add(
        new NavigationTabBar.Model.Builder(
                getResources().getDrawable(R.drawable.ic_first),
                Color.parseColor(colors[0])
        ).title("Heart")
                .badgeTitle("NTB")
                .build()
);
models.add(
        new NavigationTabBar.Model.Builder(
                getResources().getDrawable(R.drawable.ic_second),
                Color.parseColor(colors[1])
        ).title("Cup")
                .badgeTitle("with")
                .build()
);
models.add(
        new NavigationTabBar.Model.Builder(
                getResources().getDrawable(R.drawable.ic_third),
                Color.parseColor(colors[2])
        ).title("Diploma")
                .badgeTitle("state")
                .build()
);
models.add(
        new NavigationTabBar.Model.Builder(
                getResources().getDrawable(R.drawable.ic_fourth),
                Color.parseColor(colors[3])
        ).title("Flag")
                .badgeTitle("icon")
                .build()
);
models.add(
        new NavigationTabBar.Model.Builder(
                getResources().getDrawable(R.drawable.ic_fifth),
                Color.parseColor(colors[4])
        ).title("Medal")
                .badgeTitle("777")
                .build()
);
navigationTabBar.setModels(models);
navigationTabBar.setViewPager(viewPager, 2);

navigationTabBar.setTitleMode(NavigationTabBar.TitleMode.ACTIVE);
navigationTabBar.setBadgeGravity(NavigationTabBar.BadgeGravity.BOTTOM);
navigationTabBar.setBadgePosition(NavigationTabBar.BadgePosition.CENTER);
navigationTabBar.setTypeface("fonts/custom_font.ttf");
navigationTabBar.setIsBadged(true);
navigationTabBar.setIsTitled(true);
navigationTabBar.setIsTinted(true);
navigationTabBar.setIsBadgeUseTypeface(true);
navigationTabBar.setBadgeBgColor(Color.RED);
navigationTabBar.setBadgeTitleColor(Color.WHITE);
navigationTabBar.setIsSwiped(true);
navigationTabBar.setBgColor(Color.BLACK);
navigationTabBar.setBadgeSize(10);
navigationTabBar.setTitleSize(10);
navigationTabBar.setIconSizeFraction(0.5);

SwiftUI Hide TabView bar inside NavigationLink views

Copy

Download

struct FirstTabView: View {
    @State private var tabBar: UITabBar! = nil

    var body: some View {
        NavigationView {
            NavigationLink(destination:
                FirstChildView()
                    .onAppear { self.tabBar.isHidden = true }     // !!
                    .onDisappear { self.tabBar.isHidden = false } // !!
            ) {
                Text("Go to...")
            }
            .navigationBarTitle("FirstTitle", displayMode: .inline)
        }
        .background(TabBarAccessor { tabbar in   // << here !!
            self.tabBar = tabbar
        })
    }
}

See all related Code Snippets

Community Discussions

Trending Discussions on NavigationTabBar

SwiftUI Hide TabView bar inside NavigationLink views

Trending Discussions on NavigationTabBar

QUESTION

SwiftUI Hide TabView bar inside NavigationLink views

Asked 2020-May-23 at 12:03

I have a TabView and separate NavigationView stacks for every Tab item. It works well but when I open any NavigationLink the TabView bar is still displayed. I'd like it to disappear whenever I click on any NavigationLink.

struct MainView: View {
    @State private var tabSelection = 0

    var body: some View {
        TabView(selection: $tabSelection) {
            FirstView()
                .tabItem {
                    Text("1")
                }
                .tag(0)
            SecondView()
                .tabItem {
                    Text("2")
                }
                .tag(1)
        }
    }
}

struct FirstView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: FirstChildView()) { // How can I open FirstViewChild with the TabView bar hidden?
                Text("Go to...")
            }
            .navigationBarTitle("FirstTitle", displayMode: .inline)
        }
    }
}

I found a solution to put a TabView inside a NavigationView, so then after I click on a NavigationLink the TabView bar is hidden. But this messes up NavigationBarTitles for Tab items.

struct MainView: View {
    @State private var tabSelection = 0

    var body: some View {
        NavigationView {
            TabView(selection: $tabSelection) {
                ...
            }
        }
    }
}

struct FirstView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: FirstChildView()) {
                Text("Go to...")
            }
            .navigationBarTitle("FirstTitle", displayMode: .inline) // This will not work now
        }
    }
}

With this solution the only way to have different NavigationTabBars per TabView item, is to use nested NavigationViews. Maybe there is a way to implement nested NavigationViews correctly? (As far as I know there should be only one NavigationView in Navigation hierarchy).

How can I hide TabView bar inside NavigationLink views correctly in SwiftUI?

ANSWER

Answered 2020-May-23 at 12:03

The possible workaround solution can be based on TabBarAccessor from my answer on Programmatically detect Tab Bar or TabView height in SwiftUI

Here is a required modification in tab item holding NavigationView. Tested with Xcode 11.4 / iOS 13.4

struct FirstTabView: View {
    @State private var tabBar: UITabBar! = nil

    var body: some View {
        NavigationView {
            NavigationLink(destination:
                FirstChildView()
                    .onAppear { self.tabBar.isHidden = true }     // !!
                    .onDisappear { self.tabBar.isHidden = false } // !!
            ) {
                Text("Go to...")
            }
            .navigationBarTitle("FirstTitle", displayMode: .inline)
        }
        .background(TabBarAccessor { tabbar in   // << here !!
            self.tabBar = tabbar
        })
    }
}

Note: or course if FirstTabView should be reusable and can be instantiated standalone, then tabBar property inside should be made optional and handle ansbsent tabBar explicitly.

Source https://stackoverflow.com/questions/61970939

Community Discussions, Code Snippets contain sources that include Stack Exchange Network