I am trying to create Bottom menu using BottomAppBar
and BottomNavigationView
and FloatingActionButton
. I have checked below are the solution and also some other github project also.
My Android Studio version is Android Studio Koala Feature Drop | 2024.1.2 Patch 1
. Project configuration is compileSdk = 34
and targetSdk = 34
Question1, Question2, Tutorial, Tutorial, Tutorial but non of them worked for me.
Below is my XML :
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/screen_bg">
<com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bottomAppBar"
android:layout_width="match_parent"
android:layout_height="@dimen/_60sdp"
android:layout_gravity="bottom"
android:background="@color/white"
app:contentInsetEnd="0dp"
app:contentInsetStart="0dp"
app:elevation="8dp"
app:fabAlignmentMode="center"
app:fabCradleMargin="10dp"
app:fabCradleRoundedCornerRadius="30dp"
app:fabCradleVerticalOffset="12dp"
app:hideOnScroll="true">
<!-- BottomNavigationView inside the BottomAppBar -->
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="0dp"
android:background="@android:color/transparent"
app:elevation="8dp"
app:itemIconTint="@android:color/black"
app:itemTextColor="@android:color/black"
app:labelVisibilityMode="labeled"
app:menu="@menu/bottom_nav_menu" />
</com.google.android.material.bottomappbar.BottomAppBar>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab_ipo"
android:layout_width="56dp"
android:layout_height="56dp"
android:layout_marginBottom="@dimen/_30sdp"
android:backgroundTint="@color/purple_b"
app:fabSize="normal"
app:layout_anchor="@id/bottomAppBar"
app:layout_anchorGravity="center"
app:maxImageSize="25dp"
app:shapeAppearance="@style/RoundFAB"
app:srcCompat="@drawable/menu_ipo"
tools:ignore="ContentDescription" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
Here is my theme.xml:
<style name="Theme.BottomBar" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
<item name="colorPrimary">@color/purple_500</item>
<item name="colorPrimaryVariant">@color/purple_700</item>
<item name="colorOnPrimary">@color/white</item>
<item name="colorSecondary">@color/teal_200</item>
<item name="colorSecondaryVariant">@color/teal_700</item>
<item name="colorOnSecondary">@color/black</item>
<item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
</style>
Once I run the project then its displaying as below:
and this is my Kotlin file where I can initialize everything:
private lateinit var binding: DashboardWorkingBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = DataBindingUtil.setContentView(this, R.layout.dashboard_working)
binding.bottomNavigationView.background = null
}
I don’t know where I am doing wrong,
You need to sign in to view this answers