Add Bubble Navigation Bar in Android Jetpack Compose.

Emir Demirli

Last update: Jan 5, 2023

Related tags

Kotlin Projects android kotlin library uiview android-sdk kotlin-library android-library android-ui compose navigationbar android-sdk-library jetpack-compose jetpack-compose-library

Overview

BubbleNavigationBarCompose

How it looks

Setup

Open the file settings.gradle (it looks like that)

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
        // add jitpack here 👇🏽
        maven { url 'https://jitpack.io' }
       ...
    }
} 
...

Sync the project
Add dependency

dependencies {
        implementation 'com.github.commandiron:BubbleNavigationBarCompose:1.0.2'
}

Usage

BubbleNavigationBar{
    navigationItems.forEach { navigationItem ->
        BubbleNavigationBarItem(
            selected = currentRoute == navigationItem.route,
            onClick = {
                //Navigate
            },
            icon = navigationItem.icon,
            title = navigationItem.title,
            selectedColor = navigationItem.selectedColor
        )
    }
}

You might also like...

Titanium Android module: Add a view to a BottomNavigation

ti.bottomNavView Titanium Android module that allows you to add a custom view to a BottomNavigation: Install moduleti.bottomNavView/module Method

5 Aug 23, 2022

Starterexpert - Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target

TwoSum Given an array of integers nums and an integer target, return indices of

0 Jan 17, 2022

Add page & limit as GET parameter to get all titans data in a paginated format

Add page & limit as GET parameter to get all titans data in a paginated format (default values : page=1 and limit=3). Here the page param is the page number which you require and limit is the maximum number of items per page. Sample Request :

1 Jan 31, 2022

Kotlin extension function provides a facility to "add" methods to class without inheriting a class or using any type of design pattern

What is Kotlin Extension Function ? Kotlin extension function provides a facility to "add" methods to class without inheriting a class or using any ty

21 Dec 3, 2022

🛒 Mercado Libre App Clone using modern Android development with Hilt, Coroutines, Jetpack (Room, ViewModel), and Jetpack Compose based on MVVM architecture.

Meli Clone 🛒 Mercado Libre App Clone using modern Android development with Hilt, Coroutines, Jetpack (Room, ViewModel), and Jetpack Compose based on

7 Sep 22, 2022

A simple android library which helps you to create a curved bottom navigation

CurvedBottomNavigation A simple android library which helps you to create a curved bottom navigation DEMO Setup Update your module level build.gradle

92 Dec 29, 2022

:cyclone: A Pokedex app using ViewModel, LiveData, Room and Navigation

Pokedex app built with Kotlin Download Go to the releases page to download the latest available apk. Screenshots Development Roadmap Kotlin LiveData N

1.4k Dec 28, 2022

Sample shoe inventory app with navigation.

README Template Below is a template provided for use when building your README file for students. Project Title Project description goes here. Getting

0 Dec 3, 2021

Explore-KiiT-App - An app to simplify the complicated website navigation and keep track of Attendance

KiiT Explore App "An app to simplify the complicated website navigation and keep

17 Oct 12, 2022

Comments

Add support for drawable res icons instead of just ImageVector
The current api only accepts ImageVector for items:

fun RowScope.BubbleNavigationBarItem( icon: ImageVector,

the Icon composable also takes a painter which can be provided by a drawable resource so this would be helpful to have
opened by savvasdalkitsis 0
Giving each nav item the same weight so items are aligned properly

Currently, items are not always centered correctly. If you have 3 items for example, the middle item's icon is not in the center of the screen when one of the other to tabs are pressed.

This PR fixes that

opened by savvasdalkitsis 3

Releases(1.0.2)

1.0.2(Jul 25, 2022)

some improvements
Source code(tar.gz)
Source code(zip)
1.0.1(Jul 25, 2022)

Adding overloads for painter and resource ID for navigation items
Source code(tar.gz)
Source code(zip)
1.0(Jul 11, 2022)

Bubble bottom navigation bar for jetpack compose.
Source code(tar.gz)
Source code(zip)

Owner

Emir Demirli

Android, Kotlin.

GitHub

Add Expandable Horizontal Pager in Android Jetpack Compose.

ExpandableHorizontalPagerCompose Add Expandable Horizontal Pager in Android Jetpack Compose. How it looks Usage BoxWithConstraints( modifier = Mod

15 Jan 15, 2023

Add Ios Swipe Search TextField Component in Android Jetpack Compose.

IosSwipeSearchCompose Add Ios Swipe Search TextField Component in Android Jetpack Compose. How it looks Usage val text = remember { mutableStateOf("")

11 Jan 9, 2023

Modular Android architecture which showcase Kotlin, MVVM, Navigation, Hilt, Coroutines, Jetpack compose, Retrofit, Unit test and Kotlin Gradle DSL.

SampleCompose Modular Android architecture which showcase Kotlin, MVVM, Navigation, Hilt, Coroutines, Jetpack compose, Retrofit, Unit test and Kotlin

7 Nov 28, 2022

A ksp library to automatically generate navigation functions for jetpack compose.

Compose/Navigation/Generator ⚠️ This library is still under development and not considered stable! Content Introduction Usage Example: Single destinat

4 Sep 13, 2022

🚀🧨📝 Series of Tutorials to learn about Jetpack Compose with subjects Material Widgets, Layout, SubcomposeLayout, custom layouts, State, custom rememberable, recomposition, LaunchedEffect, side-effects, Gesture, Animation, Navigation, Canvas, UIs like whatsapp and others.

Jetpack Compose Tutorials and Playground ?? Overview Series of Tutorials to learn about Jetpack Compose, Material Widgets, State, Animation, and Navig

1.3k Jan 7, 2023

Add Bubble Navigation Bar in Android Jetpack Compose.

Related tags

Overview

BubbleNavigationBarCompose

How it looks

Setup

Usage

You might also like...

Titanium Android module: Add a view to a BottomNavigation

Starterexpert - Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target

Add page & limit as GET parameter to get all titans data in a paginated format

Kotlin extension function provides a facility to "add" methods to class without inheriting a class or using any type of design pattern

🛒 Mercado Libre App Clone using modern Android development with Hilt, Coroutines, Jetpack (Room, ViewModel), and Jetpack Compose based on MVVM architecture.

A simple android library which helps you to create a curved bottom navigation

:cyclone: A Pokedex app using ViewModel, LiveData, Room and Navigation

Sample shoe inventory app with navigation.

Explore-KiiT-App - An app to simplify the complicated website navigation and keep track of Attendance

Comments

Add support for drawable res icons instead of just ImageVector

Giving each nav item the same weight so items are aligned properly

Releases(1.0.2)

1.0.2(Jul 25, 2022)

1.0.1(Jul 25, 2022)

1.0(Jul 11, 2022)

Owner

Emir Demirli

Add Expandable Horizontal Pager in Android Jetpack Compose.

Add Ios Swipe Search TextField Component in Android Jetpack Compose.

Modular Android architecture which showcase Kotlin, MVVM, Navigation, Hilt, Coroutines, Jetpack compose, Retrofit, Unit test and Kotlin Gradle DSL.

A ksp library to automatically generate navigation functions for jetpack compose.

🚀🧨📝 Series of Tutorials to learn about Jetpack Compose with subjects Material Widgets, Layout, SubcomposeLayout, custom layouts, State, custom rememberable, recomposition, LaunchedEffect, side-effects, Gesture, Animation, Navigation, Canvas, UIs like whatsapp and others.

D4rK QR & Bar Code Scanner Plus is a FOSS scanner app for every Android. 📷

push note is a free Android app that you can keep your notes in the notification bar in seconds.

A simple time second selector seek bar custom made

A tip app which the user can use a screen bar to choose a tip based on the service, the total is then displayed.

Add screenshots to your Android tests