导航组件与视图 pager2 和嵌套导航的正确使用

Question

我正在尝试使用 ViewPager2 + FragmentStateAdapter + 导航组件构建以下视图结构/导航。

先决条件：单一活动架构，有一个导航图

1. 片段 A包含一个视图寻呼机。视图寻呼机使用 FragmentStateAdapter。

2. Fragment B是通过 FragmentStateAdapter ("lives" in view pager) 实例化的。

3. 片段 C - 应该从片段 B 导航到。 --> 这就是问题所在。

---

方法一：ViewPager2 + FragmentStateAdapter + 从 Fragment B 声明的导航

    <fragment
        android:id="@+id/fragmentA"
        android:name="com.abc.FragmentA"
        android:label="FragmentA" />

    <fragment
        android:id="@+id/fragmentB"
        android:name="com.abc.FragmentB"
        android:label="FragmentB">
        <action
            android:id="@+id/to_fragmentC"
            app:destination="@id/fragmentC" />
    </fragment>

    <fragment
        android:id="@+id/fragmentC"
        android:name="com.abc.FragmentC"
        android:label="FragmentC" />

片段B执行：

 FragmentBDirections
            .toFragmentC()
            .let { findNavController().navigate(it) }

结果 ：

App crash
java.lang.IllegalArgumentException: navigation destination com.abc:id/to_fragmentC is unknown to this NavController

---

方法二：ViewPager2 + FragmentStateAdapter + 从 Fragment A 声明的导航

    <fragment
        android:id="@+id/fragmentA"
        android:name="com.abc.FragmentA"
        android:label="FragmentA" >
        <action
            android:id="@+id/to_fragmentC"
            app:destination="@id/fragmentC" />
    </fragment>

    <fragment
        android:id="@+id/fragmentB"
        android:name="com.abc.FragmentB"
        android:label="FragmentB">
    </fragment>

    <fragment
        android:id="@+id/fragmentC"
        android:name="com.abc.FragmentC"
        android:label="FragmentC" />

片段B执行：

 FragmentADirections
            .toFragmentC()
            .let { findNavController().navigate(it) }

结果：

App navigates to FragmentC, but when i hit the back button , it crashes with :
java.lang.IllegalArgumentException
        at androidx.core.util.Preconditions.checkArgument(Preconditions.java:36)
        at androidx.viewpager2.adapter.FragmentStateAdapter.onAttachedToRecyclerView(FragmentStateAdapter.java:132)
        at androidx.recyclerview.widget.RecyclerView.setAdapterInternal(RecyclerView.java:1209)
        at androidx.recyclerview.widget.RecyclerView.setAdapter(RecyclerView.java:1161)
        at androidx.viewpager2.widget.ViewPager2.setAdapter(ViewPager2.java:461)
        at com.abc.FragmentA.viewCreated(FragmentA.kt:69)

---

方法 3：ViewPager + FragmentStatePagerAdapter（已弃用）+ 从 Fragment B 声明的导航

结果与方法1相同。

---

方法 4：ViewPager + FragmentStatePagerAdapter（已弃用）+ 从 Fragment A 声明的导航

这个确实有效。此外，导航返回工作正常。

这里的问题是：

• 必须为 FragmentB 的每个父片段定义导航 -> 不那么可缩放
• 不推荐使用的适配器的使用

如果有人知道这个问题的优雅解决方案，我会很高兴得到任何提示。

谢谢

Answer 1

我不知道您是否找到了问题的解决方案，但这就是我在应用程序中的做法（这与您对解决方案 4 的描述类似）

我有一个应用程序，它有一个主片段（HomeFragment），其中包含一个底部选项卡栏，显示四个不同的片段。

在使用应用程序时，用户可以随时登录/注销（这是一个包含 4 个片段的流程）回答调查问卷（2 个片段）显示设置（一个片段）或拍照（1 个片段）

我已经像这样声明了我的家庭视图模型：

class HomeViewModel(app:Application):AndroidViewModel(app), HomeParent {
}


intefrace HomeParent { //this contains all the actions that can be executed, like showLogin, showQuestions etc etc
    fun ShowLogin()
 
}

在 HomeFragment 中，我像这样初始化寻呼机：

class HomeFragment: Fragment(), KoinComponent {
    private val vm by sharedViewModel<HomeViewModel>()

    private val pager by lazy { binding.pager }  //I just use view bindings you can do it with findviewbyid
    private val adapter by lazy { HomePageAdapter(this) }

    
    override fun initView(state:Bundle?) { //this is run before oncreate finishes
         pager.setPageTransformer(this::pageAnimation) //this is just to animate transitions
    }

    override fun setUpListeners() {  //this is run after oncreate finishes
        bottomNav.setOnNavigationItemSelectedListener(this::navigationItemSelected) //this does stuff and sends it to vm
        pager.registerOnPageChangeCallback(pagerChangeCallback)
    }

    override fun onResume() {
        super.onResume()
        pager.adapter = adapter
        (vm.state.value as? HomeState.Default)?.let { //I'm using mvi, this basically holds the current position in the pager
            pager.setCurrentItem(it.position.position, false)
        }
    }

    override fun onPause() {
        super.onPause()
        pager.adapter = null //I don't remember why I did this, I gues
    }

    override fun onDestroy() {
        super.onDestroy()
        pager.unregisterOnPageChangeCallback(pagerChangeCallback)
    }

}

实际的适配器如下所示：

class HomePageAdapter(fragment: Fragment) : FragmentStateAdapter(fragment) {
    override fun getItemCount() = 4

    override fun createFragment(position: Int): Fragment {
        return when (position) {
            0 -> Fragment1()
            1 -> Fragment2()
            2 -> Fragment3()
            3 -> Fragment4()
            else -> throw Throwable("Invalid position $position")
        }
    }
}

每个片段的创建方式如下：

class Fragment1 :Fragment(),
    private val home : HomeParent by sharedViewModel<HomeViewModel>()
    override val vm: Fragment1ViewModel by viewModel { parametersOf(home) }

如您所见，我将主页视图模型作为参数传递给主页内的每个选项卡

那么每个片段都可以做类似的事情

home.ShowLogin()

这会将消息发送到 HomeViewModel，而 HomeViewModel 又将消息发送到 HomeFragment，它会调用类似的内容

findNavController().navigate(HomeFragmentDirections.logIn())

如您所见，Fragment1/2/3/4 位于整个导航过程之外，而 HomeFragment 包含将执行的所有操作

我希望我解释正确，如果有人有任何问题或需要澄清，请告诉我