Navigation中,怎么用这个app:launchSingleTop="true"

我用最通俗的大白话给你讲清楚,保证你一听就懂!

app:launchSingleTop="true" = 防止重复打开同一个页面

它的作用就是:当你要跳转到的页面已经在返回栈的最顶部时,不再创建一个新的页面,而是直接复用现有的那个。


核心比喻:电梯顶层

想象一下,你在一栋大楼里:

  • 返回栈 = 电梯楼层
  • 当前页面 = 电梯当前所在楼层

如果你现在在 5 楼 (返回栈顶部是 5 楼),然后你又按了去 5 楼 的按钮:

  • 没有 launchSingleTop:电梯会再开一个新的 5 楼,你现在在两个 5 楼之上。
  • launchSingleTop="true" :电梯不会动,因为你已经在 5 楼了。

最经典的场景:防止重复点击

假设你有一个按钮,点击后跳转到当前页面(比如刷新页面):

xml

ini 复制代码
<action
    android:id="@+id/action_myFragment_to_myFragment"
    app:destination="@id/myFragment"
    app:launchSingleTop="true" />

效果

  • 第一次点击:正常跳转到 myFragment
  • 第二次点击:因为 myFragment 已经在顶部,不会再创建一个新的,而是直接复用。

这样就避免了返回栈里出现多个相同的页面。


两种使用方式

1. 在 XML 中静态设置(推荐)

xml

ini 复制代码
<action
    android:id="@+id/action_home_to_detail"
    app:destination="@id/detailFragment"
    app:launchSingleTop="true" />

2. 在代码中动态设置

kotlin

scss 复制代码
val navOptions = NavOptions.Builder()
    .setLaunchSingleTop(true)
    .build()

findNavController().navigate(R.id.action_home_to_detail, null, navOptions)

一句话总结

launchSingleTop="true" 就是用来防止重复打开同一个页面的,确保返回栈顶部始终只有一个实例。

相关推荐
XiaoLeisj1 天前
Kotlin Flow 常用操作符:数据变换 map、filter、onEach,时间控制 debounce、sample,终端聚合 reduce、fold
android·kotlin·android jetpack·协程·响应式编程·flow
XiaoLeisj2 天前
Kotlin Flow:冷流收集、并行订阅、emit 推送、delay 延迟、collect 全量收集与 collectLatest 的实时数据处理
android·kotlin·android jetpack·协程·flow
我命由我123454 天前
Jetpack Compose - @Preview 注解
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
学习使我健康6 天前
一个基于 **Jetpack Compose + Material 3** 的 Android 入门示例项目,演示 Compose 声明式 UI 的核心用法
ui·kotlin·android jetpack
alexhilton7 天前
Android XR 开发入门完全指南
android·kotlin·android jetpack
我命由我123459 天前
Jetpack Compose - Material Design 断点范围、WindowSizeClass、针对不同屏幕尺寸创建预览、四类导航栏
android·java·开发语言·java-ee·kotlin·android jetpack·android runtime
我命由我123459 天前
Jetpack Compose - MaterialExpressiveTheme 与 MaterialTheme、ColorScheme
android·java·开发语言·java-ee·kotlin·android jetpack·android runtime
我命由我123459 天前
Kotlin 面向对象 - Kotlin 类变量与类方法
java·服务器·后端·java-ee·kotlin·android jetpack·android runtime
小孔龙11 天前
Compose 布局与绘制:LayoutNode、DisplayList 与 GraphicsLayer
android·android jetpack
alexhilton13 天前
探究Android Views、Flutter和Compose如何渲染你的UI
android·kotlin·android jetpack