{"id":19485840,"url":"https://github.com/anoop44/awesomenavigation","last_synced_at":"2026-03-06T11:31:54.024Z","repository":{"id":88242792,"uuid":"226854971","full_name":"anoop44/AwesomeNavigation","owner":"anoop44","description":"AwesomeNavigation is a collection of navigation components that can be used as bottom navigations as well as top navigation(Tab bar)","archived":false,"fork":false,"pushed_at":"2020-01-30T05:11:49.000Z","size":749,"stargazers_count":26,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-05T22:02:00.795Z","etag":null,"topics":["android-library","bottomnavigationview","navigationbar"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anoop44.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-09T11:27:06.000Z","updated_at":"2023-04-14T20:58:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"c5a44b0d-338d-4592-9d79-69ff32dbc2dd","html_url":"https://github.com/anoop44/AwesomeNavigation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anoop44/AwesomeNavigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anoop44%2FAwesomeNavigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anoop44%2FAwesomeNavigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anoop44%2FAwesomeNavigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anoop44%2FAwesomeNavigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anoop44","download_url":"https://codeload.github.com/anoop44/AwesomeNavigation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anoop44%2FAwesomeNavigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30173694,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T07:56:45.623Z","status":"ssl_error","status_checked_at":"2026-03-06T07:55:55.621Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android-library","bottomnavigationview","navigationbar"],"created_at":"2024-11-10T20:30:20.877Z","updated_at":"2026-03-06T11:31:54.004Z","avatar_url":"https://github.com/anoop44.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AwesomeNavigation [ ![Download](https://api.bintray.com/packages/anoop44/maven/awesome-navigation/images/download.svg?version=1.2.0) ](https://bintray.com/anoop44/maven/awesome-navigation/1.2.0/link) \u003ca href=\"https://android-arsenal.com/api?level=16\"\u003e\u003cimg alt=\"API\" src=\"https://img.shields.io/badge/API-16%2B-brightgreen.svg?style=flat\"/\u003e\u003c/a\u003e\n\nAwesomeNavigation is a collection of navigation components(styles) that can be used as bottom navigations as well as top navigation(Tab bar). Not all components in this are suitable for tab bar. As of now there is only two components, but more components will be added soon and option to choose the type you wanted to use will be added soon\nEach navigation component is referred as a style(style1, style2 etc). Which style to be used can be selected via the navStyle attribute in layout xml. Its takes values like `style1`, `style2` etc.\n\n### style1\n![gif of AwesomeNavigation style1](https://raw.githubusercontent.com/anoop44/AwesomeNavigation/master/art/awesome-navigation-style1-demo.gif)\n\n\n### style2\n![gif of AwesomeNavigation style2](https://raw.githubusercontent.com/anoop44/AwesomeNavigation/master/art/awesome-navigation-style2-demo.gif)\n\n\n## Adding to project\n\n### Gradle \nAdd below code to your **root** `build.gradle` file (if you have multiple modules and only one of them require `AwesomeNavigation`, add the `jcenter()` repository only in that module's `build.gradle`).\n```gradle\nallprojects {\n    repositories {\n        jcenter()\n    }\n}\n```\nAnd add the following dependency code to your **module**'s `build.gradle` file.\n```gradle\ndependencies {\n    implementation \"ss.anoop:awesome-navigation:${latest-version}\"\n}\n```\nAwesomeNavigation can be included in your layout xml like any other view. Below is a simple example\n\n## Usage\n```xml \n\u003css.anoop.awesomenavigation.AwesomeNavigation\n        android:id=\"@+id/bottom_navigation\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"60dp\"\n        android:layout_alignParentBottom=\"true\"\n        android:background=\"#fff\"\n        app:navItems=\"@menu/bottom_navigation_items\"\n        app:textSize=\"14sp\"\n        app:iconSize=\"24dp\"\n        app:textColor=\"#000\"\n        app:spacing=\"4dp\"\n        app:itemChangeDuration=\"500\"\n        app:navStyle=\"style1\"/\u003e\n```\n### Customization\n\nTable below describes the properties available to customize the AwesomeNavigation. Some options are applicable to only certain styles\n\n\n| Property Name          | Format    | Description | Styles applicable                                                                                                                                                                                                 |\n|------------------------|-----------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| navItems               | reference | It refers to a menu xml which contains list of items to be added in the navigation. Currently it reads `title`, `icon`, `selectedIcon` and `id` from a single item in the menu. `selectedIcon` may not be used by all navigation components.                               | all styles |\n| textColor              | color     | defines the color of the text shown on each navigation item   | all styles |\n| textSize               | dimension | defines the size of the text shown on each navigation item. As any other text size mention it in `sp`   | all styles|\n| iconSize               | dimension | defines the size of icon in every navigation item | all styles |\n| spacing                | dimension | defines the space between text and icon | all styles |\n| itemChangeDuration     | integer   | defines the duration of animation | all styles |\n| selectedColor          | color     | defines the color of selected tab background | style 2 |\n| cornerRadius           | dimension | defines corner radius of selection background | style 2|\n\n### Change Listener\nAwesomeNavigation offers an `OnNavigationSelectedListener` that informs when selected tab is changed or same item is re-selected. The callback has two parameters, `id` and `position`.\n\n```kotlin\nbottomNavigation.setOnNavigationSelectedListener(object : OnNavigationSelectedListener {\n            override fun onSelectNavigation(id: Int, position: Int) {\n                changeContent(id, position)\n            }\n\n            override fun onReselectNavigation(id: Int, position: Int) {\n                scrollToTop()\n            }\n        })\n```\n\n\n## Find this library useful? :heart:\nSupport it by joining __[stargazers](https://github.com/anoop44/AwesomeNavigation/stargazers)__ for this repository. :star:\n\n# License\n```\nCopyright 2020 anoop44 (Anoop)\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n   http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanoop44%2Fawesomenavigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanoop44%2Fawesomenavigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanoop44%2Fawesomenavigation/lists"}