首页 > 解决方案 > Androidx底部导航栏在可隐藏的导航项上保持突出显示

问题描述

当用户未通过身份验证时,我隐藏了一个底部导航项(该项目将在用户通过身份验证后显示,在本例中为消息片段)。这很好用,但是当显示并选择该片段时,即使我在那个片段上,我之前所在的导航菜单仍然突出显示。此外,一旦我选择了另一个导航项,底部导航栏上仍会突出显示消息。请参阅下面的屏幕截图:

  1. 当尚未选择消息时 首页片段,消息片段尚未选择

  2. 当我选择消息片段时(之前我来自家庭片段) 选择的消息片段(以前,家庭片段)

  3. 当我回到消息之外的任何其他片段时(在这种情况下,家庭片段) 选定的主页片段(以前,消息片段)

这是我的 MainActivity (请注意navView.menu.findItem(R.id.navigation_messages).isVisible,这是底部导航栏中此行为的主要原因)

class MainActivity : AppCompatActivity() {

    private var authState : Int = 1

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val navView: BottomNavigationView = findViewById(R.id.nav_view)
        val navController = findNavController(R.id.nav_host_fragment)

        val appBarConfiguration = AppBarConfiguration(
            setOf(
                R.id.navigation_home, R.id.navigation_explore, R.id.navigation_messages,  R.id.navigation_account
            )
        )

        // Passing each menu ID as a set of Ids because each
        // menu should be considered as top level destinations.

        setupActionBarWithNavController(navController, appBarConfiguration)
        navView.setupWithNavController(navController)

        when(authState) {
            0 -> navView.menu.findItem(R.id.navigation_messages).isVisible = false
            1 -> navView.menu.findItem(R.id.navigation_messages).isVisible = true
        }
    }

    override fun onSupportNavigateUp(): Boolean {
        return navigateUp(Navigation.findNavController(this, R.id.nav_host_fragment), AppBarConfiguration(setOf(
            R.id.navigation_home, R.id.navigation_explore, R.id.navigation_messages, R.id.navigation_account
        )))
    }
}

另外,这是我的 activity_main.xml 文件:

<androidx.constraintlayout.widget.ConstraintLayout 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">

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:itemHorizontalTranslationEnabled="false"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />

    <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"
        android:layout_marginBottom="56dp"
        app:layout_constraintBottom_toTopOf="@+id/nav_view"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:navGraph="@navigation/mobile_navigation" />

</androidx.constraintlayout.widget.ConstraintLayout>

需要注意的是,我使用的是 Android Jetpack 导航架构组件,这使得其他类似的解决方案(如 thisthisthis)在这种情况下并不可行。

标签: androidandroid-fragmentsandroidxandroid-architecture-navigationandroid-bottomnav

解决方案


推荐阅读