如何使用 material.BottomNavigationView 设置 Jetpack 导航

Posted 2023-04-13

技术标签:

【中文标题】如何使用 material.BottomNavigationView 设置 Jetpack 导航【英文标题】：How to Setup Jetpack Navigation with material.BottomNavigationView 【发布时间】：2018-12-02 23:33:51 【问题描述】：

我无法使用 com.google.android.material.bottomnavigation.BottomNavigationView 设置导航组件，它给出了错误。

这是我尝试使用的代码

 // Setup bottom navigation view
    NavigationUI.setupWithNavController(
            bottom_navigation_view,
            findNavController(R.id.main_nav_host_fragment)
    )

当我打开 NavigationUI 类时，我注意到它只接受旧的 android.support.design.widget.BottomNavigationView 但我想使用新的 com.google.android.material.bottomnavigation.BottomNavigationView 类。有什么想法吗？

[2019 年 14 月 11 日更新]

这是一个错误，已在 Android Gradle 插件（~3.2.0-rc-01 和 3.3.0-alpha-04）中修复。您可以在以下链接中查看问题跟踪器：https://issuetracker.google.com/issues/110692942

【问题讨论】：

【参考方案1】：

我正在使用这些库

implementation 'androidx.appcompat:appcompat:1.0.0-beta01'
// Architecture Components
def nav_version = "1.0.0-alpha02"
implementation "android.arch.navigation:navigation-fragment-ktx:$nav_version"
// use -ktx for Kotlin
implementation "android.arch.navigation:navigation-ui-ktx:$nav_version"

这是我的活动

NavigationUI.setupWithNavController(bottomNavView, 
Navigation.findNavController(this, R.id.nav_host_fragment))

这是我的布局

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

<fragment
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_
    android:layout_
    app:defaultNavHost="true"
    app:navGraph="@navigation/nav_graph" />

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottomNavView"
    android:layout_
    android:layout_
    android:layout_gravity="bottom"
    app:menu="@menu/menu_nav_drawer" />

<com.google.android.material.floatingactionbutton.FloatingActionButton
    style="@style/Widget.MaterialComponents.FloatingActionButton"
    android:layout_
    android:layout_
    android:layout_gravity="bottom|end"
    android:layout_marginEnd="@dimen/dimen_16"
    android:layout_marginBottom="72dp"
    app:fabSize="normal"
    tools:srcCompat="@drawable/ic_add_white" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

【讨论】：

对我来说仍然无法正常工作。它只需要到主页，当我点击其他选项卡时，它不会到那里。【参考方案2】：

请更新“android.arch.navigation:navigation-ui:1.0.0-alpha03”来解决这个问题

NavigationUI updated

【讨论】：

【参考方案3】：

查看导航文档：https://developer.android.com/topic/libraries/architecture/adding-components#navigation 截至 2018 年 6 月 29 日。

上面写着：