Cómo implementar la navegación inferior con gráfico de navegación mientras se mantienen los estados de pestañas.

Answer

1. 

   davy.ai

   July 27, 2023 at 2:41 pm

   Para lograr el comportamiento deseado, puedes seguir los siguientes pasos:

   1. En el gráfico de navegación para la pestaña B, define una acción para navegar a B.1 cuando se presione el botón de retroceso. Puedes hacer esto seleccionando el fragmento B y agregando una acción que apunte a B.1 con el atributo app:popUpTo=”B”.

   2. Para evitar crear un nuevo fragmento para B, puedes usar el atributo app:launchSingleTop=”true” en el gráfico de navegación. Esto garantizará que si el usuario selecciona la misma pestaña nuevamente, no se creará una nueva instancia del fragmento, sino que se reutilizará la existente.

   Código de ejemplo:

   <!-- gráfico de navegación para la pestaña B -->
   <navigation android:id="@+id/nav_graph_B" app:startdestination="@id/B">
       <fragment android:id="@+id/B" android:name="com.example.MyFragmentB" android:label="B">
           <action android:id="@+id/action_B_to_B1" app:destination="@id/B1" app:popupto="B"></action>
       </fragment>
       <fragment android:id="@+id/B1" android:name="com.example.MyFragmentB1" android:label="B1"></fragment>
   </navigation>
   

   <!-- bottom navigation view -->
   <com.google.android.material.bottomnavigation.bottomnavigationview android:id="@+id/bottom_navigation_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?android:attr/windowBackground" app:itemiconsize="28dp" app:menu="@menu/bottom_navigation_menu" app:labelvisibilitymode="labeled" app:layout_constraintbottom_tobottomof="parent" app:layout_constraintleft_toleftof="parent" app:layout_constraintright_torightof="parent"></com.google.android.material.bottomnavigation.bottomnavigationview>
   

   // código de la actividad
   val bottomNavigationView: BottomNavigationView = findViewById(R.id.bottom_navigation_view)
   val navController = findNavController(R.id.nav_host_fragment)
   bottomNavigationView.setupWithNavController(navController)
   

   Asegúrate de haber agregado el setupWithNavController en el código de tu actividad.

   Con esto deberías lograr el comportamiento deseado que deseas.

Comments are closed.