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

时间:2018-06-23 23:08:33

标签: android navigation android-studio-3.0 android-jetpack

我无法使用 com.google.android.material.bottomnavigation.BottomNavigationView 设置导航组件,这是错误的。

enter image description here

这是我要使用的代码

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

当我打开 NavigationUI 类时,我注意到它只接受旧的 android.support.design.widget.BottomNavigationView ,但我想使用新的< strong> com.google.android.material.bottomnavigation.BottomNavigationView 类。有任何想法吗?

3 个答案:

答案 0 :(得分:3)

我正在使用这些库

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_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.main.ActivityMain">

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

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

<com.google.android.material.floatingactionbutton.FloatingActionButton
    style="@style/Widget.MaterialComponents.FloatingActionButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    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>

答案 1 :(得分:0)

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

它说:

  

Blockquote   导航类已经在androidx.navigation包中,但是当前依赖于Support Library 27.1.1以及相关的Arch组件版本。将来会发布具有AndroidX依赖项的Navigation版本。

我想现在您别无选择,只能等待导航包的“未来”发布。

根据@Levi Albuquerque的建议,暂时需要使用com.android.support:design:28.0.0-alpha3
它的工作方式应与com.google.android.material:material:1.0.0-alpha3相同。

答案 2 :(得分:0)

请更新“ android.arch.navigation:navigation-ui:1.0.0-alpha03”以解决此问题

NavigationUI updated