Как удалить границу вокруг BottomNavigationView

Добавьте строку ниже в свой тег BottomNavigationView.

app:elevation = "0dp"

Если вы используете уровень Api выше 28, вы также можете добавить строки ниже

android:outlineAmbientShadowColor = "@android:color/transparent"
android:outlineSpotShadowColor = "@android:color/transparent"

Вы можете решить это в два шага:

Шаг 1. Создайте файл для рисования прямоугольной формы с прозрачным цветом.

res\drawable\transparent_rect.xml

<?xml version = "1.0" encoding = "utf-8"?>
<shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
    <solid android:color = "#00000000" />
</shape>

Шаг 2: Установите фон BottomNavigationView на этот рисунок, используя android:background

android:background = "@drawable/transparent_rect"

Применив это к вашему макету:

<?xml version = "1.0" encoding = "utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android = "http://schemas.android.com/apk/res/android"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
xmlns:tools = "http://schemas.android.com/tools"
xmlns:app = "http://schemas.android.com/apk/res-auto"
tools:context = ".main.BottomNavigation">

    <FrameLayout
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        android:id = "@+id/frameContainer"
        app:layout_constraintBottom_toTopOf = "@id/bottomAppBar">
    </FrameLayout>

    <com.google.android.material.bottomappbar.BottomAppBar
        android:id = "@+id/bottomAppBar"
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        app:fabCradleMargin = "10dp"
        app:fabCradleVerticalOffset = "10dp"
        app:fabCradleRoundedCornerRadius = "20dp"
        android:layout_gravity = "bottom">     
            
        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id = "@+id/bottomNavigationView"
            android:layout_width = "match_parent"
            android:layout_height = "match_parent"
            app:menu = "@menu/bottom_nav_menu"
            android:layout_marginEnd = "16dp"
            app:popupTheme = "@style/MyDarkToolbarStyle"
            android:background = "@drawable/transparent_rect"
            app:backgroundTint = "@android:color/transparent"/>
    </com.google.android.material.bottomappbar.BottomAppBar>         

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id = "@+id/fab"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:backgroundTint = "@color/white"
        android:src = "@drawable/ic_explore"
        app:layout_anchor = "@id/bottomAppBar" />
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

Предварительный просмотр:

Вместо этого вы можете использовать линейную компоновку, чтобы избавиться от начала и конца поля. См. код ниже.

  <?xml version = "1.0" encoding = "utf-8"?>
    <LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
        xmlns:tools = "http://schemas.android.com/tools"
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        xmlns:app = "http://schemas.android.com/apk/res-auto"
        android:orientation = "vertical"
        tools:context = ".home.MainFragment">
    
        <androidx.viewpager2.widget.ViewPager2
            android:id = "@+id/viewpager"
            android:layout_width = "match_parent"
            android:layout_height = "0dp"
            android:layout_weight = "1" />
    
        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id = "@+id/bottom_nav"
            android:layout_width = "match_parent"
            android:layout_height = "wrap_content"
            app:menu = "@menu/main_bottom_nav"/>
    
    </LinearLayout>