导航: 多返回栈 | MAD Skills

小灰灰 2022-09-12 11:57 141阅读 0赞

![491071668f65f2b35aad0f468dddd4d3.png][]

欢迎来到第二个关于导航的 [MAD Skill 系列][MAD Skill]的另一篇文章！本文我们将介绍一个呼声很高的功能，即导航 (Navigation) 对多返回栈的支持。如果您更倾向于视频的形式，请查看以下视频内容:

**概述**

假设您的应用使用了 BottomNavigationView。通过这个功能，当用户选择另一个标签页 (Tab) 时，当前标签页的返回栈会被保存，而所选标签页的返回栈会被恢复。

从 2.4.0-alpha01 版本开始，NavigationUI 辅助类不需要改变任何代码即可支持多返回栈。也就是说，如果您的应用使用了为 BottomNavigationView 或 NavigationView 提供的 setupWithNavController() 方法，则只需要更新依赖库版本，便可默认启用多返回栈。

**支持多返回栈**

让我们通过这个仓库中的高级导航示例来看看实际效果。

该应用由 3 个标签页组成，每个标签页都有它自己的导航流。为了在导航的早期版本中支持多返回栈，我们需要在该示例的 NavigationExtensions 文件中添加一系列辅助函数。通过这些扩展函数，应用可以为每个标签页保持一个单独的 NavHostFragment，每个 NavHostFragment 带有它自己的返回栈，当用户切换标签页时，应用在不同的 NavHostFragment 之间进行切换。

*  仓库
    
    https://github.com/android/architecture-components-samples/tree/master/NavigationAdvancedSample
 *  NavigationExtensions
    
    https://github.com/android/architecture-components-samples/blob/8f4936b34ec84f7f058fba9732b8692e97c65d8f/NavigationAdvancedSample/app/src/main/java/com/example/android/navigationadvancedsample/NavigationExtensions.kt

让我们看看如果移除这些扩展函数会发生什么。为此我删除了 NavigationExtensions 类，在所有使用它的地方都替换为 NavigationUI 中标准的 setupWithNavController() 方法以将我们的 BottomNavigationView 连接到 NavController 上。

class MainActivity : AppCompatActivity() {
     
       private lateinit var navController: NavController
       private lateinit var appBarConfiguration: AppBarConfiguration
     
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContentView(R.layout.activity_main)
     
           val navHostFragment = supportFragmentManager.findFragmentById(
               R.id.nav_host_container
           ) as NavHostFragment
           navController = navHostFragment.navController
     
           // 使用 navController 设置 bottomNavigationView
           val bottomNavigationView = findViewById<BottomNavigationView>(R.id.bottom_nav)
           bottomNavigationView.setupWithNavController(navController)
     
           // 使用 navController 设置 ActionBar 以及 3 个一级目的地页面
           appBarConfiguration = AppBarConfiguration(
               setOf(R.id.titleScreen, R.id.leaderboard,  R.id.register)
           )
           val toolbar = findViewById<Toolbar>(R.id.toolbar)
           setSupportActionBar(toolbar)
           toolbar.setupWithNavController(navController, appBarConfiguration)
       }
     
       override fun onSupportNavigateUp(): Boolean {
           return navController.navigateUp(appBarConfiguration)
       }
    }

同时，我使用 include 标签将 3 个单独的导航图合并为一个图。现在我们的 Activity 布局只包含一个带有单个导航图的 NavHostFragment。

当我运行应用时，这次底部标签页不再保持它们的状态，并会在我切换到其他标签页时重置它的返回栈。由于移除了 NavigationExtensions，该应用不再支持多返回栈。

现在我将更新 navigation 和 fragment 依赖库的版本。

// fragment 最新版本 https://developer.android.google.cn/jetpack/androidx/releases/fragment?hl=en
    // navigation 最新版本 https://developer.android.google.cn/jetpack/androidx/releases/navigation?hl=en
    
    
    versions.fragment = "1.4.0-alphaXXX"
    versions.navigation =  "2.4.0-alphaXXX"

Gradle sync 完成后，我再次运行应用，这时当我导航至其他标签页，可以看到每个标签页都保持了它的状态。注意这个行为是默认启用的。

最后，让我们运行测试来验证是否一切正常。该应用已经拥有一些验证多返回栈行为的测试。我运行 BottomNavigationTest 并观察每个底部导航行为测试的运行。

瞧，我们所有测试都通过了！

**小结**

就是这样！如果您的应用使用 BottomNavigationView 或 NavigationView，并且您一直在等待支持多返回栈，您所需要做的仅仅是更新 navigation 和 fragment 依赖库，不需要改变任何代码！

如果您需要进一步的自定义，也有新的 API 支持保存和恢复返回栈。请参阅我们之前的推文《[Android 多返回栈技术详解][Android]》。

如果您想了解更多有关底层 API 以及需要修改哪些内容以支持多返回栈的信息，请参阅我们之前的推文《[全新的 Fragment: 使用新的状态管理器][Fragment_]》。

感谢您关注本导航系列！

欢迎您通过下方二维码向我们提交反馈，或分享您喜欢的内容、发现的问题。您的反馈对我们非常重要，感谢您的支持！

![db486f544cf0b0dc61c0042c1248f25c.png][]

[![4a849274af7350323f9ac11c9aa16936.gif][]][4a849274af7350323f9ac11c9aa16936.gif 1]

**推荐阅读**

如页面未加载，请刷新重试

![15f6f58040cc9eb2ebff34f43dfc27a7.gif][] 点击屏末**| 阅读原文 |****即刻了解多返回栈更多信息**

--------------------

![c4ea93b9b0a885768b88e1e4be956d9f.png][]

![1cd5c619777aac67f0178c77f34f6d60.gif][]

![5c4d9c9ddcb49c59d6f7f8e9f906ed3a.png][]

[491071668f65f2b35aad0f468dddd4d3.png]: /images/20220828/9a282a25d7f9463e92907dc0eff4439f.png
[MAD Skill]: https://blog.csdn.net/m0_47456600/article/details/108152182
[Android]: https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652085717&idx=1&sn=da1a91cc1f2ff4bd563c043f29d13971&scene=21#wechat_redirect
[Fragment_]: https://blog.csdn.net/jILRvRTrc/article/details/112913915
[db486f544cf0b0dc61c0042c1248f25c.png]: /images/20220828/73cc89afd33a4d219acc5a52f88f5ffc.png
[4a849274af7350323f9ac11c9aa16936.gif]: /images/20220828/e6bdbf956be44e8f9a7804643cf92161.png
[4a849274af7350323f9ac11c9aa16936.gif 1]: http://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652084664&idx=1&sn=3c07846f2343e13ca3ec84e9b9d5345d&chksm=808c39fdb7fbb0eb9542a5b5f2a69c139beb835e313d323ea0d045c7c401225fe25aad3ec309&scene=21#wechat_redirect
[15f6f58040cc9eb2ebff34f43dfc27a7.gif]: /images/20220828/926e7ff1c85b4b5ebf30bec4613411bd.png
[c4ea93b9b0a885768b88e1e4be956d9f.png]: /images/20220828/34e22aa0e16348acad0b0026b93fe4c9.png
[1cd5c619777aac67f0178c77f34f6d60.gif]: /images/20220828/9a27d9a1012a4826ba3dcdbbab36c0b5.png
[5c4d9c9ddcb49c59d6f7f8e9f906ed3a.png]: /images/20220828/726e019155a04381bc0e456438956f78.png