Блог

Я пытаюсь воспроизвести этот эффект:

…где, когда элемент выбран в представлении BottomNavigation, появляется текст, а когда элемент не выбран, текст исчезает. Этот текст является атрибутом заголовка элемента меню.

Я понимаю, как заставить цвета изменяться при выборе, но не понимаю, как заставить текст исчезать/появляться снова.

Это мой взгляд на подводное плавание:

 <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@ id/bottomNavView"
        android:layout_gravity="bottom"
        map:menu="@menu/bottom_navigation_menu"
        android:background="@color/white"
        map:itemTextColor="@color/bottom_nav_color_file"
        map:itemIconTint="@color/bottom_nav_color_file"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
 

И это мой файл цветовых ресурсов для изменения цвета элемента при выборе:

 <item android:state_selected="true" android:color="@color/green"/>
<item android:state_selected="false" android:color="@color/orange"/>
 

Кроме того, это меню для моего BottomNavigationView:

 <?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <item
        android:id="@ id/iconMap"
        android:title="Map"
        android:icon="@drawable/ic_baseline_map_24" />

    <item
        android:id="@ id/iconParks"
        android:title="Parks"
        android:icon="@drawable/ic_baseline_nature_24" />

</menu>
 

Как я могу создать этот эффект?

Спасибо!