带viewpager2的导航图android

Question

我的 viewpager 由 2 个片段组成，它们显示正确并且工作正常。

从viewpager的片段我想通过导航图移动到另一个片段

这是我的图表

<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/offer_nav_graph"
app:startDestination="@id/offersFragment">

<fragment
    android:id="@+id/offersFragment"
    android:name="com.octave.offers.OffersFragment"
    android:label="offers_fragment"
    tools:layout="@layout/offers_fragment" />

<fragment
    android:id="@+id/availableOfferDetailFragment"
    android:name="com.octave.offers.available.AvailableOfferDetailFragment"
    android:label="fragment_available_offer_detail"
    tools:layout="@layout/fragment_available_offer_detail" />
<fragment
    android:id="@+id/availableOffersFragment"
    android:name="com.octave.offers.available.AvailableOffersFragment"
    android:label="fragment_available_offers"
    tools:layout="@layout/fragment_available_offers" >

    <action
        android:id="@+id/action_availableOffersFragment_to_availableOfferDetailFragment"
        app:destination="@id/availableOfferDetailFragment" >
        <argument
            android:name="offerId"
            app:argType="integer"
            android:defaultValue="-1" />
    </action>
</fragment>
</navigation>

优惠片段 - 有查看寻呼机 可用优惠片段 - 查看寻呼机上的片段之一 可用优惠详情片段 - 我想导航

在按钮点击我打电话给这个

AvailableOffersFragmentDirections.actionAvailableOffersFragmentToAvailableOfferDetailFragment(offerId)

例外

Navigation action/destination com.octave.staging:id/action_availableOffersFragment_to_availableOfferDetailFragment cannot be found from the current destination Destination(com.octave.staging:id/homeFragment) label=HomeFragment class=com.octave.home.HomeFragment

这里有什么问题？

Answer 1

检查使用：

btn.setOnClickListener {
       Navigation.findNavController(it).navigate(R.id.availableOfferDetailFragment)
}

Answer 2

按钮存在于 availableOffersFragment 上。 我想从 availableOffersFragment 导航到 availableOfferDetailFragment。 offerFragment 的 viewpager 有 2 个选项卡，它们有自己的片段 availableOffersFragment 和 secondFragemnt

因此，现在您需要从availableOffersFragment中的选项卡（页面片段）availableOffersFragment 导航； 但这是不可能的，因为这些选项卡不会影响后台堆栈。 您可以查看此处讨论的问题以及此问题。

但是您可以做的是将 offerFragment（包含 ViewPager）中的操作添加到 availableOfferDetailFragment，如下所示：

• 从 navGraph 中删除选项卡片段（ availableOffersFragment和secondFragemnt ）。
• 在 navGraph 中创建从 offerFragment 到 availableOfferDetailFragment 的操作

    <fragment
        android:id="@+id/offersFragment"
        android:name="com.octave.offers.OffersFragment"
        android:label="offers_fragment"
        tools:layout="@layout/offers_fragment">
        
        <action
            android:id="@+id/action_offersFragment_to_availableOfferDetailFragment"
            app:destination="@id/availableOfferDetailFragment" >
            <argument
                android:name="offerId"
                app:argType="integer"
                android:defaultValue="-1" />
        </action>
    </fragment>

• 单击按钮时，使用parentFragment从availableOffersFragment选项卡中访问offersFragment 。 例如：

在offersFragment中创建一个方法：

goToDetailsFragment(offerId: Int) {
    // perfrom the navaigation
    OffersFragmentDirections.actionOffersFragmentToAvailableOfferDetailFragment(offerId)
}

并且在availableOffersFragment中

btn.setOnClickListener {
       (parentFragment as offersFragment).goToDetailsFragment(offerId)
}