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" 就是用来防止重复打开同一个页面的,确保返回栈顶部始终只有一个实例。

相关推荐
alexhilton13 小时前
2027 Android 开发者路线图:学习、面试与 AI
android·kotlin·android jetpack
灿飞屋18 小时前
Kotlin与Java虚拟机四:函数
java·python·kotlin·安卓·android jetpack
alexhilton6 天前
提升 Android Compose 页面的流畅度
android·kotlin·android jetpack
MiyamuraMiyako7 天前
Compose LazyRow 实现尾项露出与少量数据均分
android·android jetpack
传奇开心果编程8 天前
【Jetpack Compose娓娓道来】第29课:状态容器与UI事件建模——把“散装状态”变成“可穷举的契约”
android·kotlin·移动开发·android jetpack·ui框架·开发范式·声明式ui
alexhilton12 天前
用Konsist与Lint强制执行设计系统契约
android·kotlin·android jetpack
传奇开心果编程13 天前
组合优先开发范式:从汉字造字原理到声明式UI组件组合思想
android·flutter·ios·swiftui·移动开发·harmonyos·android jetpack
JMchen14 天前
【Jetpack 内核实战 08 】:组件整合——DataStore + Room 构建离线优先架构
架构·kotlin·android jetpack
Android打工仔14 天前
Compose 中何时该用 padding,何时该用 offset
android·android jetpack