[ { "path": ".github/workflows/build.yaml", "content": "name: Android Build\n\non: [ push ]\n\njobs:\n build:\n runs-on: ubuntu-latest\n\n steps:\n - name: Checkout code\n uses: actions/checkout@v2\n\n - name: Set up JDK 17\n uses: actions/setup-java@v2\n with:\n java-version: 17\n cache: 'gradle'\n distribution: adopt\n\n - name: Build with Gradle\n run: ./gradlew build\n" }, { "path": ".github/workflows/publish.yml", "content": "name: Publish\non:\n push:\n tags:\n - '*'\n\njobs:\n publish:\n name: Release build and publish\n runs-on: ubuntu-latest\n steps:\n - name: Check out code\n uses: actions/checkout@v2\n - name: Set up JDK 17\n uses: actions/setup-java@v2\n with:\n distribution: adopt\n java-version: 17\n\n - name: Publish to MavenCentral\n run: ./gradlew bottombar:publishReleasePublicationToSonatypeRepository --max-workers 1 closeAndReleaseSonatypeStagingRepository\n env:\n OSSRH_USERNAME: ${{ secrets.OSSRH_USERNAME }}\n OSSRH_PASSWORD: ${{ secrets.OSSRH_PASSWORD }}\n SIGNING_KEY_ID: ${{ secrets.SIGNING_KEY_ID }}\n SIGNING_PASSWORD: ${{ secrets.SIGNING_PASSWORD }}\n SIGNING_KEY: ${{ secrets.SIGNING_KEY }}\n SONATYPE_STAGING_PROFILE_ID: ${{ secrets.SONATYPE_STAGING_PROFILE_ID }}\n PUBLISH_VERSION: ${{ secrets.PUBLISH_VERSION }}" }, { "path": ".gitignore", "content": "*.iml\n.gradle\n/local.properties\n/.idea/caches\n/.idea/libraries\n/.idea/modules.xml\n/.idea/workspace.xml\n/.idea/navEditor.xml\n/.idea/assetWizardSettings.xml\n.DS_Store\n/build\n/captures\n.externalNativeBuild\n.cxx\nlocal.properties\n" }, { "path": ".idea/.gitignore", "content": "# Default ignored files\n/shelf/\n/workspace.xml\n" }, { "path": ".idea/.name", "content": "AnimatedBottomBarCompose" }, { "path": ".idea/compiler.xml", "content": "\n\n \n \n \n" }, { "path": ".idea/deploymentTargetDropDown.xml", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n" }, { "path": ".idea/deploymentTargetSelector.xml", "content": "\n\n \n \n \n \n \n \n" }, { "path": ".idea/gradle.xml", "content": "\n\n \n \n \n \n" }, { "path": ".idea/inspectionProfiles/Project_Default.xml", "content": "\n \n \n" }, { "path": ".idea/kotlinc.xml", "content": "\n\n \n \n" }, { "path": ".idea/migrations.xml", "content": "\n\n \n \n \n" }, { "path": ".idea/misc.xml", "content": "\n \n \n \n \n \n \n" }, { "path": ".idea/vcs.xml", "content": "\n\n \n \n \n" }, { "path": "License", "content": "Copyright 2022 Canopas Software LLP\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" }, { "path": "README.md", "content": "

\"cta_banner\"

\n\n# AnimatedBottomBarCompose\n\n**AnimatedBottomBarCompose** is a Jetpack Compose library that simplifies the creation of stylish\nBottom Navigation Bars with\ncustomizable animations. It allows you to easily integrate attractive navigation bars into your\nAndroid app, enhancing the user experience.\n\n \n \n \n\n \n\n \n \n \n\n
\n LINE INDICATOR\n
\n
\n \"\"\n 		\n FILLED INDICATOR\n
\n
\n \"\"\n
\n DOT INDICATOR\n
\n
\n \"\"\n 		\n WORM INDICATOR\n
\n
\n \"\"\n
\n\n\n## Features\n\n- **Multiple Styles:** Choose from a variety of pre-defined styles for your Bottom Navigation Bar or\n create your custom style.\n- **Animation Options:** Choose from variety of eye-catching animations for your navigation bar\n elements, making your app more engaging.\n- **Customization:** Customize colors, icons, and animations to match your app's branding and\n design.\n\n\n\n## Configuration\n\nAvailable on [Maven Central](https://central.sonatype.com/artifact/com.canopas.compose-animated-navigationbar/bottombar).\n\nAdd the dependency\n```gradle\n implementation 'com.canopas.compose-animated-navigationbar:bottombar:1.0.1'\n\n```\n\n\n## Sample Usage\n\nIntegrating **AnimatedBottomBarCompose** into your Android app is a breeze! Follow these simple\nsteps to get started:\n\n1. First, set up your navigation controller:\n\n```\nval navController = rememberNavController()\nval navBackStackEntry by navController.currentBackStackEntryAsState()\nval currentRoute = navBackStackEntry?.destination?.route\nval navigationItems = MainNavigation::class.nestedClasses.map {\n it.objectInstance as MainNavigation\n}\nvar selectedItem by remember { mutableIntStateOf(0) }\n```\n\n2. Next, add **AnimatedBottomBarCompose** to your app's Scaffold as the bottom bar:\n\n```\nScaffold(\n bottomBar = {\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.take(3).size,\n containerColor = Color.LightGray,\n indicatorStyle = IndicatorStyle.LINE\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n BottomBarItem(\n selected = currentRoute == navigationItem.route,\n onClick = {\n if (currentRoute != navigationItem.route) {\n selectedItem = index\n // ... Navigation Stuff\n }\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n containerColor = Color.Transparent\n )\n }\n }\n }\n) {\n// ... (rest of your app content)\n}\n```\n\n## Demo\n\nTo see **AnimatedBottomBarCompose** in action, check out\nour [Sample](https://github.com/canopas/AnimatedBottomBarCompose/tree/master/app) app where you can\nexplore various styles and animation options.\n\n## Bugs and Feedback\n\nFor bugs, questions and discussions please use\nthe [Github Issues](https://github.com/canopas/AnimatedBottomBarCompose/issues)\n\n## Credits\n\n**AnimatedBottomBarCompose** is owned and maintained by the [Canopas team](https://canopas.com/).\nFor project updates and releases, you can follow them on X\nat [@canopassoftware](https://x.com/canopassoftware).\n\n\n\n# Licence\n\n```\nCopyright 2023 Canopas Software LLP\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nYou won't be using 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```\n" }, { "path": "app/.gitignore", "content": "/build" }, { "path": "app/build.gradle.kts", "content": "plugins {\n id(\"com.android.application\")\n id(\"org.jetbrains.kotlin.android\")\n}\n\nandroid {\n namespace = \"com.example.animatedbottombarcompose\"\n compileSdk = 34\n\n defaultConfig {\n applicationId = \"com.example.animatedbottombarcompose\"\n minSdk = 24\n versionCode = 1\n versionName = \"1.0\"\n\n testInstrumentationRunner = \"androidx.test.runner.AndroidJUnitRunner\"\n vectorDrawables {\n useSupportLibrary = true\n }\n }\n\n buildTypes {\n release {\n isMinifyEnabled = false\n proguardFiles(\n getDefaultProguardFile(\"proguard-android-optimize.txt\"),\n \"proguard-rules.pro\",\n )\n }\n }\n compileOptions {\n sourceCompatibility = JavaVersion.VERSION_11\n targetCompatibility = JavaVersion.VERSION_11\n }\n kotlinOptions {\n jvmTarget = \"11\"\n }\n buildFeatures {\n compose = true\n }\n composeOptions {\n kotlinCompilerExtensionVersion = \"1.5.3\"\n }\n packaging {\n resources {\n excludes += \"/META-INF/{AL2.0,LGPL2.1}\"\n }\n }\n}\n\ndependencies {\n\n implementation(\"androidx.lifecycle:lifecycle-runtime-ktx:2.8.1\")\n implementation(\"androidx.activity:activity-compose:1.9.0\")\n implementation(platform(\"androidx.compose:compose-bom:2024.05.00\"))\n implementation(\"androidx.compose.ui:ui\")\n implementation(\"androidx.compose.ui:ui-graphics\")\n implementation(\"androidx.navigation:navigation-compose:2.7.7\")\n implementation(\"androidx.compose.ui:ui-tooling-preview\")\n implementation(\"androidx.compose.material3:material3\")\n testImplementation(\"junit:junit:4.13.2\")\n androidTestImplementation(\"androidx.test.ext:junit:1.1.5\")\n androidTestImplementation(\"androidx.test.espresso:espresso-core:3.5.1\")\n androidTestImplementation(platform(\"androidx.compose:compose-bom:2024.05.00\"))\n androidTestImplementation(\"androidx.compose.ui:ui-test-junit4\")\n debugImplementation(\"androidx.compose.ui:ui-tooling\")\n debugImplementation(\"androidx.compose.ui:ui-test-manifest\")\n\n implementation(project(\":bottombar\"))\n implementation(kotlin(\"reflect\"))\n}\n" }, { "path": "app/proguard-rules.pro", "content": "# Add project specific ProGuard rules here.\n# You can control the set of applied configuration files using the\n# proguardFiles setting in build.gradle.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# If your project uses WebView with JS, uncomment the following\n# and specify the fully qualified class name to the JavaScript interface\n# class:\n#-keepclassmembers class fqcn.of.javascript.interface.for.webview {\n# public *;\n#}\n\n# Uncomment this to preserve the line number information for\n# debugging stack traces.\n#-keepattributes SourceFile,LineNumberTable\n\n# If you keep the line number information, uncomment this to\n# hide the original source file name.\n#-renamesourcefileattribute SourceFile" }, { "path": "app/src/androidTest/java/com/example/animatedbottombarcompose/ExampleInstrumentedTest.kt", "content": "package com.example.animatedbottombarcompose\n\nimport androidx.test.ext.junit.runners.AndroidJUnit4\nimport androidx.test.platform.app.InstrumentationRegistry\nimport org.junit.Assert.*\nimport org.junit.Test\nimport org.junit.runner.RunWith\n\n/**\n * Instrumented test, which will execute on an Android device.\n *\n * See [testing documentation](http://d.android.com/tools/testing).\n */\n@RunWith(AndroidJUnit4::class)\nclass ExampleInstrumentedTest {\n @Test\n fun useAppContext() {\n // Context of the app under test.\n val appContext = InstrumentationRegistry.getInstrumentation().targetContext\n assertEquals(\"com.example.animatedbottombarcompose\", appContext.packageName)\n }\n}\n" }, { "path": "app/src/main/AndroidManifest.xml", "content": "\n\n\n \n \n \n \n\n \n \n \n \n\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/MainActivity.kt", "content": "package com.example.animatedbottombarcompose\n\nimport android.annotation.SuppressLint\nimport android.os.Bundle\nimport androidx.activity.ComponentActivity\nimport androidx.activity.compose.setContent\nimport androidx.compose.material3.Scaffold\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableIntStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.graphics.Color\nimport androidx.navigation.compose.NavHost\nimport androidx.navigation.compose.composable\nimport androidx.navigation.compose.currentBackStackEntryAsState\nimport androidx.navigation.compose.rememberNavController\nimport com.example.animatedbottombarcompose.composables.Screen1\nimport com.example.animatedbottombarcompose.composables.Screen2\nimport com.example.animatedbottombarcompose.composables.Screen3\nimport com.example.animatedbottombarcompose.model.MainNavigation\nimport com.example.animatedbottombarcompose.ui.theme.AnimatedBottomBarComposeTheme\nimport com.example.bottombar.AnimatedBottomBar\nimport com.example.bottombar.components.BottomBarItem\nimport com.example.bottombar.model.IndicatorStyle\n\nclass MainActivity : ComponentActivity() {\n @SuppressLint(\"UnusedMaterial3ScaffoldPaddingParameter\")\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContent {\n AnimatedBottomBarComposeTheme {\n val navController = rememberNavController()\n val navBackStackEntry by navController.currentBackStackEntryAsState()\n val currentRoute = navBackStackEntry?.destination?.route\n val navigationItems =\n MainNavigation::class.nestedClasses.map {\n it.objectInstance as MainNavigation\n }\n var selectedItem by remember { mutableIntStateOf(0) }\n\n Scaffold(\n bottomBar = {\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.take(3).size,\n containerColor = Color.LightGray,\n indicatorStyle = IndicatorStyle.DOT,\n ) {\n navigationItems.take(3).forEachIndexed { index, navigationItem ->\n BottomBarItem(\n selected = currentRoute == navigationItem.route,\n onClick = {\n if (currentRoute != navigationItem.route) {\n selectedItem = index\n navController.popBackStack()\n navController.navigate(navigationItem.route) {\n navController.graph.startDestinationRoute?.let { route ->\n popUpTo(route) {\n saveState = true\n }\n }\n launchSingleTop = true\n restoreState = true\n }\n }\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n containerColor = Color.Transparent,\n )\n }\n }\n },\n ) {\n NavHost(\n navController = navController,\n startDestination = MainNavigation.ScreenA.route,\n ) {\n composable(MainNavigation.ScreenA.route) {\n Screen1(navigationItems)\n }\n composable(MainNavigation.ScreenB.route) {\n Screen2(navigationItems)\n }\n composable(MainNavigation.ScreenC.route) {\n Screen3(navigationItems)\n }\n }\n }\n }\n }\n }\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/composables/Screen1.kt", "content": "package com.example.animatedbottombarcompose.composables\n\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.rememberScrollState\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.foundation.verticalScroll\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableIntStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Brush\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.text.style.TextAlign\nimport androidx.compose.ui.unit.dp\nimport com.example.animatedbottombarcompose.model.MainNavigation\nimport com.example.bottombar.AnimatedBottomBar\nimport com.example.bottombar.components.BottomBarItem\nimport com.example.bottombar.model.IndicatorDirection\nimport com.example.bottombar.model.IndicatorStyle\nimport com.example.bottombar.model.ItemStyle\nimport com.example.bottombar.model.VisibleItem\n\n@Composable\nfun Screen1(navigationItems: List) {\n var selectedItem by remember { mutableIntStateOf(0) }\n\n Column(\n modifier =\n Modifier\n .fillMaxSize()\n .verticalScroll(rememberScrollState()),\n verticalArrangement = Arrangement.Top,\n ) {\n Text(\n text = \"**Checkout INDICATORS with different STYLES(animations)**\",\n style = MaterialTheme.typography.titleMedium,\n modifier =\n Modifier\n .fillMaxWidth()\n .padding(top = 20.dp),\n textAlign = TextAlign.Center,\n )\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"LINE INDICATOR\",\n style = MaterialTheme.typography.headlineSmall,\n modifier = Modifier.fillMaxWidth(),\n textAlign = TextAlign.Center,\n )\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.ICON,\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.LABEL,\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.BOTH,\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n Spacer(modifier = Modifier.height(25.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n indicatorDirection = IndicatorDirection.BOTTOM,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.ICON,\n itemStyle = ItemStyle.STYLE3,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n indicatorDirection = IndicatorDirection.BOTTOM,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.LABEL,\n itemStyle = ItemStyle.STYLE4,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = IndicatorStyle.LINE,\n containerShape = RoundedCornerShape(topStart = 10.dp, topEnd = 10.dp),\n indicatorDirection = IndicatorDirection.BOTTOM,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n visibleItem = VisibleItem.BOTH,\n itemStyle = ItemStyle.STYLE5,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"DOT INDICATOR\",\n style = MaterialTheme.typography.headlineSmall,\n modifier = Modifier.fillMaxWidth(),\n textAlign = TextAlign.Center,\n )\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.errorContainer,\n indicatorStyle = IndicatorStyle.DOT,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.errorContainer,\n indicatorStyle = IndicatorStyle.DOT,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE3,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.errorContainer,\n indicatorStyle = IndicatorStyle.DOT,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE4,\n activeIndicatorColor = Color.White,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.errorContainer,\n indicatorStyle = IndicatorStyle.DOT,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE5,\n activeIndicatorColor = Color.White,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"WORM INDICATOR\",\n style = MaterialTheme.typography.headlineSmall,\n modifier = Modifier.fillMaxWidth(),\n textAlign = TextAlign.Center,\n )\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.tertiaryContainer,\n indicatorStyle = IndicatorStyle.WORM,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.tertiaryContainer,\n indicatorStyle = IndicatorStyle.WORM,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE3,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.tertiaryContainer,\n indicatorStyle = IndicatorStyle.WORM,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE4,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.tertiaryContainer,\n indicatorStyle = IndicatorStyle.WORM,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n textColor = if (selected) Color.Black else Color.Black.copy(0.8f),\n itemStyle = ItemStyle.STYLE5,\n activeIndicatorColor = Color.White,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"FILLED INDICATOR\",\n style = MaterialTheme.typography.headlineSmall,\n modifier = Modifier.fillMaxWidth(),\n textAlign = TextAlign.Center,\n )\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n indicatorStyle = IndicatorStyle.FILLED,\n indicatorColor = MaterialTheme.colorScheme.background,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE1,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n indicatorStyle = IndicatorStyle.FILLED,\n indicatorColor = MaterialTheme.colorScheme.background,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE3,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n indicatorStyle = IndicatorStyle.FILLED,\n indicatorColor = MaterialTheme.colorScheme.background,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE4,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n indicatorStyle = IndicatorStyle.FILLED,\n indicatorColor = MaterialTheme.colorScheme.background,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE5,\n iconColor = if (selected) Color.White else Color.Black,\n glowingBackground =\n Brush.radialGradient(\n listOf(\n Color.Black,\n Color.Transparent,\n Color.Transparent,\n ),\n ),\n )\n }\n }\n\n Spacer(modifier = Modifier.height(25.dp))\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n containerColor = MaterialTheme.colorScheme.secondaryContainer,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n itemStyle = ItemStyle.STYLE2,\n iconColor = if (selected) Color.Black else Color.White,\n textColor = if (selected) Color.Black else Color.White,\n activeIndicatorColor = Color.White,\n )\n }\n }\n Spacer(modifier = Modifier.height(150.dp))\n }\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/composables/Screen2.kt", "content": "package com.example.animatedbottombarcompose.composables\n\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.rememberScrollState\nimport androidx.compose.foundation.verticalScroll\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.RadioButton\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableIntStateOf\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Brush\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport com.example.animatedbottombarcompose.model.MainNavigation\nimport com.example.bottombar.AnimatedBottomBar\nimport com.example.bottombar.components.BottomBarItem\nimport com.example.bottombar.model.IndicatorStyle\nimport com.example.bottombar.model.ItemStyle\n\n@Composable\nfun Screen2(navigationItems: List) {\n var selectedItem by remember { mutableIntStateOf(0) }\n var itemStyle: ItemStyle by remember {\n mutableStateOf(ItemStyle.STYLE3)\n }\n var indicatorStyle: IndicatorStyle by remember {\n mutableStateOf(IndicatorStyle.WORM)\n }\n val itemStyles =\n listOf(\n ItemStyle.STYLE1,\n ItemStyle.STYLE2,\n ItemStyle.STYLE3,\n ItemStyle.STYLE4,\n ItemStyle.STYLE5,\n )\n val indicatorStyles =\n listOf(\n IndicatorStyle.NONE,\n IndicatorStyle.LINE,\n IndicatorStyle.DOT,\n IndicatorStyle.WORM,\n )\n Column(\n modifier =\n Modifier\n .fillMaxSize()\n .verticalScroll(rememberScrollState()),\n ) {\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"Item Style:\",\n style = MaterialTheme.typography.titleMedium,\n modifier = Modifier.padding(horizontal = 8.dp),\n )\n Column(\n modifier =\n Modifier\n .fillMaxWidth()\n .padding(horizontal = 8.dp),\n ) {\n Row(verticalAlignment = Alignment.CenterVertically) {\n itemStyles.take(3).forEach {\n RadioButton(selected = it == itemStyle, onClick = {\n itemStyle = it\n })\n Text(text = it.name)\n }\n }\n Row(verticalAlignment = Alignment.CenterVertically) {\n itemStyles.takeLast(2).forEach {\n RadioButton(selected = it == itemStyle, onClick = {\n itemStyle = it\n })\n Text(text = it.name)\n }\n }\n }\n\n Text(\n text = \"Indicator Style:\",\n style = MaterialTheme.typography.titleMedium,\n modifier = Modifier.padding(horizontal = 8.dp),\n )\n Column(\n modifier =\n Modifier\n .fillMaxWidth()\n .padding(horizontal = 8.dp),\n ) {\n Row(verticalAlignment = Alignment.CenterVertically) {\n indicatorStyles.take(2).forEach {\n RadioButton(selected = it == indicatorStyle, onClick = {\n indicatorStyle = it\n })\n Text(text = it.name)\n }\n }\n Row(verticalAlignment = Alignment.CenterVertically) {\n indicatorStyles.takeLast(2).forEach {\n RadioButton(selected = it == indicatorStyle, onClick = {\n indicatorStyle = it\n })\n Text(text = it.name)\n }\n }\n }\n\n Spacer(modifier = Modifier.height(100.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = if (itemStyle != ItemStyle.STYLE2) indicatorStyle else IndicatorStyle.NONE,\n containerColor = Color.Transparent,\n indicatorColor = Color.Red,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Red else Color.Black,\n textColor = if (selected) Color.Red else Color.Black,\n itemStyle = itemStyle,\n glowingBackground =\n Brush.radialGradient(\n listOf(\n Color.Red.copy(0.5f),\n Color.Transparent,\n Color.Transparent,\n ),\n ),\n )\n }\n }\n\n Spacer(modifier = Modifier.height(50.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = if (itemStyle != ItemStyle.STYLE2) indicatorStyle else IndicatorStyle.NONE,\n indicatorColor = Color.White,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.White else Color.Black,\n textColor = if (selected) Color.White else Color.Black,\n itemStyle = itemStyle,\n glowingBackground =\n Brush.radialGradient(\n listOf(\n Color.Black,\n Color.Transparent,\n Color.Transparent,\n ),\n ),\n )\n }\n }\n\n Spacer(modifier = Modifier.height(150.dp))\n }\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/composables/Screen3.kt", "content": "package com.example.animatedbottombarcompose.composables\n\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.rememberScrollState\nimport androidx.compose.foundation.verticalScroll\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.RadioButton\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableIntStateOf\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport com.example.animatedbottombarcompose.model.MainNavigation\nimport com.example.bottombar.AnimatedBottomBar\nimport com.example.bottombar.components.BottomBarItem\nimport com.example.bottombar.model.IndicatorStyle\nimport com.example.bottombar.model.ItemStyle\n\n@Composable\nfun Screen3(navigationItems: List) {\n var selectedItem by remember { mutableIntStateOf(0) }\n var itemStyle: ItemStyle by remember {\n mutableStateOf(ItemStyle.STYLE3)\n }\n val itemStyles =\n listOf(\n ItemStyle.STYLE1,\n ItemStyle.STYLE2,\n ItemStyle.STYLE3,\n ItemStyle.STYLE4,\n ItemStyle.STYLE5,\n )\n Column(\n modifier =\n Modifier\n .fillMaxSize()\n .verticalScroll(rememberScrollState()),\n ) {\n Spacer(modifier = Modifier.height(50.dp))\n\n Text(\n text = \"Item Style:\",\n style = MaterialTheme.typography.titleMedium,\n modifier = Modifier.padding(horizontal = 8.dp),\n )\n Column(\n modifier =\n Modifier\n .fillMaxWidth()\n .padding(horizontal = 8.dp),\n ) {\n Row(verticalAlignment = Alignment.CenterVertically) {\n itemStyles.take(3).forEach {\n RadioButton(selected = it == itemStyle, onClick = {\n itemStyle = it\n })\n Text(text = it.name)\n }\n }\n Row(verticalAlignment = Alignment.CenterVertically) {\n itemStyles.takeLast(2).forEach {\n RadioButton(selected = it == itemStyle, onClick = {\n itemStyle = it\n })\n Text(text = it.name)\n }\n }\n }\n\n Spacer(modifier = Modifier.height(100.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = if (itemStyle != ItemStyle.STYLE2) IndicatorStyle.FILLED else IndicatorStyle.NONE,\n containerColor = Color.Transparent,\n indicatorColor = Color.Red.copy(0.5f),\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.White else Color.Black,\n textColor = if (selected) Color.White else Color.Black,\n itemStyle = itemStyle,\n activeIndicatorColor = Color.Red.copy(0.5f),\n )\n }\n }\n\n Spacer(modifier = Modifier.height(50.dp))\n\n AnimatedBottomBar(\n selectedItem = selectedItem,\n itemSize = navigationItems.size,\n indicatorStyle = if (itemStyle != ItemStyle.STYLE2) IndicatorStyle.FILLED else IndicatorStyle.NONE,\n indicatorColor = Color.White,\n ) {\n navigationItems.forEachIndexed { index, navigationItem ->\n val selected = index == selectedItem\n BottomBarItem(\n selected = selected,\n onClick = {\n selectedItem = index\n },\n imageVector = navigationItem.icon,\n label = navigationItem.title,\n iconColor = if (selected) Color.Black else Color.White,\n textColor = if (selected) Color.Black else Color.White,\n itemStyle = itemStyle,\n activeIndicatorColor = Color.White,\n )\n }\n }\n\n Spacer(modifier = Modifier.height(150.dp))\n }\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/model/MainNavigation.kt", "content": "package com.example.animatedbottombarcompose.model\n\nimport androidx.compose.material.icons.Icons\nimport androidx.compose.material.icons.outlined.Email\nimport androidx.compose.material.icons.outlined.FavoriteBorder\nimport androidx.compose.material.icons.outlined.Home\nimport androidx.compose.material.icons.outlined.Notifications\nimport androidx.compose.ui.graphics.vector.ImageVector\n\nsealed class MainNavigation(\n val title: String,\n val route: String,\n val icon: ImageVector,\n) {\n data object ScreenA : MainNavigation(\n title = \"Screen1\",\n route = \"Screen1\",\n icon = Icons.Outlined.Home,\n )\n\n data object ScreenB : MainNavigation(\n title = \"Screen2\",\n route = \"Screen2\",\n icon = Icons.Outlined.Notifications,\n )\n\n data object ScreenC : MainNavigation(\n title = \"Screen3\",\n route = \"Screen3\",\n icon = Icons.Outlined.FavoriteBorder,\n )\n\n data object ScreenD : MainNavigation(\n title = \"Screen4\",\n route = \"Screen4\",\n icon = Icons.Outlined.Email,\n )\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/ui/theme/Color.kt", "content": "package com.example.animatedbottombarcompose.ui.theme\n\nimport androidx.compose.ui.graphics.Color\n\nval Purple80 = Color(0xFFD0BCFF)\nval PurpleGrey80 = Color(0xFFCCC2DC)\nval Pink80 = Color(0xFFEFB8C8)\n\nval Purple40 = Color(0xFF6650a4)\nval PurpleGrey40 = Color(0xFF625b71)\nval Pink40 = Color(0xFF7D5260)\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/ui/theme/Theme.kt", "content": "package com.example.animatedbottombarcompose.ui.theme\n\nimport android.app.Activity\nimport android.os.Build\nimport androidx.compose.foundation.isSystemInDarkTheme\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.darkColorScheme\nimport androidx.compose.material3.dynamicDarkColorScheme\nimport androidx.compose.material3.dynamicLightColorScheme\nimport androidx.compose.material3.lightColorScheme\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.SideEffect\nimport androidx.compose.ui.graphics.toArgb\nimport androidx.compose.ui.platform.LocalContext\nimport androidx.compose.ui.platform.LocalView\nimport androidx.core.view.WindowCompat\n\nprivate val DarkColorScheme =\n darkColorScheme(\n primary = Purple80,\n secondary = PurpleGrey80,\n tertiary = Pink80,\n )\n\nprivate val LightColorScheme =\n lightColorScheme(\n primary = Purple40,\n secondary = PurpleGrey40,\n tertiary = Pink40,\n /* Other default colors to override\n background = Color(0xFFFFFBFE),\n surface = Color(0xFFFFFBFE),\n onPrimary = Color.White,\n onSecondary = Color.White,\n onTertiary = Color.White,\n onBackground = Color(0xFF1C1B1F),\n onSurface = Color(0xFF1C1B1F),\n */\n )\n\n@Composable\nfun AnimatedBottomBarComposeTheme(\n darkTheme: Boolean = isSystemInDarkTheme(),\n // Dynamic color is available on Android 12+\n dynamicColor: Boolean = true,\n content: @Composable () -> Unit,\n) {\n val colorScheme =\n when {\n dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {\n val context = LocalContext.current\n if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)\n }\n\n darkTheme -> DarkColorScheme\n else -> LightColorScheme\n }\n val view = LocalView.current\n if (!view.isInEditMode) {\n SideEffect {\n val window = (view.context as Activity).window\n window.statusBarColor = colorScheme.primary.toArgb()\n WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme\n }\n }\n\n MaterialTheme(\n colorScheme = colorScheme,\n typography = Typography,\n content = content,\n )\n}\n" }, { "path": "app/src/main/java/com/example/animatedbottombarcompose/ui/theme/Type.kt", "content": "package com.example.animatedbottombarcompose.ui.theme\n\nimport androidx.compose.material3.Typography\nimport androidx.compose.ui.text.TextStyle\nimport androidx.compose.ui.text.font.FontFamily\nimport androidx.compose.ui.text.font.FontWeight\nimport androidx.compose.ui.unit.sp\n\n// Set of Material typography styles to start with\nval Typography =\n Typography(\n bodyLarge =\n TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.Normal,\n fontSize = 16.sp,\n lineHeight = 24.sp,\n letterSpacing = 0.5.sp,\n ),\n /* Other default text styles to override\n titleLarge = TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.Normal,\n fontSize = 22.sp,\n lineHeight = 28.sp,\n letterSpacing = 0.sp\n ),\n labelSmall = TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.Medium,\n fontSize = 11.sp,\n lineHeight = 16.sp,\n letterSpacing = 0.5.sp\n )\n */\n )\n" }, { "path": "app/src/main/res/drawable/ic_launcher_background.xml", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "app/src/main/res/drawable/ic_launcher_foreground.xml", "content": "\n \n \n \n \n \n \n \n \n \n" }, { "path": "app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml", "content": "\n\n \n \n \n" }, { "path": "app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml", "content": "\n\n \n \n \n" }, { "path": "app/src/main/res/values/colors.xml", "content": "\n\n #FFBB86FC\n #FF6200EE\n #FF3700B3\n #FF03DAC5\n #FF018786\n #FF000000\n #FFFFFFFF\n" }, { "path": "app/src/main/res/values/strings.xml", "content": "\n AnimatedBottomBarCompose\n" }, { "path": "app/src/main/res/values/themes.xml", "content": "\n\n\n