Android平板电脑底部导航重叠TextView

如何解决Android平板电脑底部导航重叠TextView

我在我的应用中使用了 BottomNavigationView，但是菜单项的文本在小设备中的菜单图标上重叠，如下面的屏幕截图所示。

我试过了：<dimen name="design_bottom_navigation_height" tools:override="true">56dp</dimen> 但仍然在所有平板电脑中重叠

我的 xml:

 <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/_50sdp" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        style="@style/bottomnavigation"
        android:layout_width="match_parent"
        android:layout_height="@dimen/_60sdp"
        android:layout_gravity="bottom"
        android:background="@color/colorbottomnavigation"
        app:itemIconSize="@dimen/_20sdp"
        app:itemIconTint="@drawable/bottomsheetcolor"
        app:itemTextAppearanceActive="@style/BottomNavigationView.Active"
        app:itemTextAppearanceInactive="@style/BottomNavigationView"
        app:itemTextColor="@drawable/bottomsheetcolor"
        app:labelVisibilityMode="labeled"
        app:menu="@menu/bottom_navigation_menu" />

</FrameLayout>

这里是 menu.xml 文件：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:id="@+id/navigation_home"
    android:icon="@drawable/ic_home"
    android:title="HOME" />
<item
    android:id="@+id/navigation_prepwork"
    android:icon="@drawable/ic_edit"
    android:title="PREP WORK" />
<item
    android:id="@+id/navigation_tiMetable"
    android:icon="@drawable/ic_calendar"
    android:title="TIME TABLE" />
<item
    android:id="@+id/navigation_exam"
    android:icon="@drawable/ic_exambottom"
    android:title="ATTENDANCE" />
<item
    android:id="@+id/navigation_more"
    android:icon="@drawable/ic_more_24"
    android:title="MORE" />

解决方法

检查这个

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">

<FrameLayout
    android:id="@+id/fragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/bottom_navigation"
    android:layout_marginBottom="@dimen/_60sdp" />

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom"
    android:background="@color/colorPrimary"
    app:itemIconTint="@color/white"
    app:itemTextAppearanceActive="@color/white"
    app:itemTextAppearanceInactive="@android:color/background_dark"
    app:itemTextColor="@color/black"
    app:labelVisibilityMode="labeled"
    app:menu="@menu/bottom_navigation_menu" />

菜单

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

    <item
        android:id="@+id/video"
        android:icon="@drawable/ic_video"
        android:title="Video" />


    <item
        android:id="@+id/app_not_working"
        android:icon="@drawable/ic_alert"
        android:title="Alert" />


    <item
        android:id="@+id/audio"
        android:icon="@drawable/ic_audio"
        android:title="audio" />


    <item
        android:id="@+id/chevron_left_black_36dp"
        android:icon="@drawable/ic_chevron_left_black_36dp"
        android:title="chevron_left_black_36dp" />


    <item
        android:id="@+id/delete_black"
        android:icon="@drawable/ic_delete_black"
        android:title="delete_black" />

</menu>

创建平板电脑变体

查看屏幕截图