如何更改图标右侧的底部导航文本外观答案

【问题标题】：How to change Bottom Navigation Text appearance in right side of the icon如何更改图标右侧的底部导航文本外观
【发布时间】：2023-03-31 22:52:01
【问题描述】：

我想创建一个底部导航栏，其中的文本应在图标的右侧对齐。默认实现显示图标下方的文本。

XML：

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav_bar"
        style="@style/Widget.MaterialComponents.BottomNavigationView.Colored"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:itemIconTint="@color/selector_icon_tint_bottom_nav"
        app:itemTextColor="@color/selector_icon_tint_bottom_nav"
        app:labelVisibilityMode="labeled"
        app:menu="@menu/bottom_nav" />

bottom_nav.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/home_nav"
        android:contentDescription="@string/home"
        android:icon="@drawable/ic_home"
        android:title="@string/home" />
    <item
        android:id="@+id/live_tv_nav"
        android:contentDescription="@string/live_tv"
        android:icon="@drawable/ic_live_tv"
        android:title="@string/live_tv" />
    <item
        android:id="@+id/vod_nav"
        android:contentDescription="@string/vod"
        android:icon="@drawable/ic_vod"
        android:title="@string/vod" />
    <item
        android:id="@+id/broadcast_nav"
        android:contentDescription="@string/search"
        android:icon="@drawable/ic_search"
        android:title="@string/search" />
</menu>

【问题讨论】：

目前，默认BottomNavigationView是不可能的
您找到解决方案了吗？我也面临同样的问题
@Rajendra - 你找到解决方案了吗？我想实现相同的风格。谢谢
@Daniela，没有找到解决方案。最后，我最终得到了默认实现。

标签： android bottomnavigationview android-jetpack

【解决方案1】：

我为此使用了 TabLayout ）

【讨论】：

【解决方案2】：

将导航布局重力更改为：

android:layout_gravity="end"

导航视图

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        app:itemIconTint="@color/selector_icon_tint_bottom_nav"
        app:itemTextColor="@color/selector_icon_tint_bottom_nav"
        app:labelVisibilityMode="labeled"
        app:menu="@menu/bottom_nav" />

【讨论】：