首页 > 解决方案 > 如何使用导航架构组件创建 BottomSheetDialogFragment?

问题描述

我正在使用BottomSheetDialogFragment来显示一些自定义设置。

要求:

当我单击 BottomSheetDialogFragment 中的任何选项卡时,我会替换该片段并将其添加到 backstack,以便当用户单击的 onBackPress 或 Up 操作时,它应该返回最后一个设置的 BottomSheetDialogFragment 片段。

我想使用导航架构组件来简化我的交易。

问题:如果我使用导航架构组件从 FragmentA 导航到 BottomSheetDialogFragment,那么我会收到以下错误。

java.lang.IllegalStateException:对话框不能为空 BottomSheetDialogFragment

我不知道如何使用导航架构组件来实例化 BottomSheetDialogFragment,并且使用下面的代码将不会使用导航架构组件来维护后台堆栈。

BottomSheetDialogFragment.show(FragmentManager manager, String tag)

标签: androidandroid-architecture-componentsbottom-sheetandroid-architecture-navigation

解决方案


在导航组件版本2.1.0-alpha04中,Navigation Graph可以包含dialog作为目的地之一。

<?xml version="1.0" encoding="utf-8"?>
<navigation 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:id="@+id/main_navigation"
    app:startDestination="@id/startFragment">

    <fragment
        android:id="@+id/loginFragment"
        android:name="com.awesomeproject.android.authentication.login.LoginFragment"
        android:label="Login"
        tools:layout="@layout/login_fragment" />

    <dialog
        android:id="@+id/bottomSheet"
        android:name="com.awesomproject.android.BottomSheetFragment"
        tools:layout="@layout/bottom_sheet_dialog_fragment" />

</navigation>

BottomSheetFragment 看起来与其他 BottomSheet 相似。

class BottomSheetFragment : BottomSheetDialogFragment() {
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                              savedInstanceState: Bundle?): View =
            inflater.inflate(R.layout.bottom_sheet_dialog_fragment, container, false)
}

然后你可以bottomSheet像其他目的地一样对待。您可以导航到此目的地或传入safeArgs

干杯!


推荐阅读