NativeScript页面反复导航时内存分配持续增长问题咨询

运行NativeScript Angular官方教程提供的示例代码时，循环执行「首页跳转至详情页、详情页返回首页」的导航操作，应用内存分配量持续升高，持续操作最终会耗尽内存触发运行异常。内存变化趋势如下：

• 组件实例未正常回收：导航返回时旧页面组件如果被未释放的引用持有，无法被垃圾回收机制清理，每次导航生成的新实例会持续堆积在内存中
• 资源未手动释放：页面内创建的RxJS订阅、定时器、全局事件监听、NativeScript原生视图/图片资源，没有在组件销毁阶段主动解绑/清除，会持续持有组件上下文导致内存泄漏
• 路由缓存策略配置不当：默认路由配置如果无限制缓存所有访问过的页面，没有设置缓存上限或在返回时清理无用栈记录，会导致缓存页面持续累积

• 连接调试工具做堆快照分析：使用Chrome DevTools连接NativeScript调试端口，在多次循环导航前后分别抓取内存堆快照，对比筛选出已分离但未被回收的页面组件实例，顺着保留引用链定位泄漏点
• 全局扫描未释放的资源：遍历项目代码，检查所有subscribe订阅、setTimeout/setInterval定时器、全局事件绑定、NativeScript原生对象创建逻辑，确认是否存在只注册不销毁的情况
• 核对路由配置：检查路由模块的缓存相关参数、页面跳转时的clearHistory配置，确认是否存在页面栈无限增长的配置问题

• 补全组件销毁生命周期逻辑：所有页面组件实现OnDestroy接口，在ngOnDestroy方法中统一释放所有手动创建的资源，参考代码：

import { Component, OnDestroy } from '@angular/core';
import { Subscription } from 'rxjs';

@Component({
  selector: 'ns-detail',
  templateUrl: './detail.component.html'
})
export class DetailComponent implements OnDestroy {
  // 存储所有需要释放的订阅
  private subs: Subscription[] = [];

  ngOnDestroy(): void {
    // 批量取消所有订阅
    this.subs.forEach(sub => sub.unsubscribe());
    // 清除所有定时器
    // 解绑所有全局事件监听
    // 清空大体积资源引用（如图片、自定义原生视图）
  }
}

• 调整路由缓存与页面栈逻辑：页面返回时按需添加clearHistory: true参数，清除无用的页面栈记录；自定义路由复用策略，设置页面缓存最大数量阈值，超过阈值时自动销毁最早缓存的页面实例，避免无限缓存
• 主动释放NativeScript原生资源：页面销毁时，主动将加载的大体积图片、动态创建的原生视图对象引用置空，调用对应原生对象的销毁方法，移除强引用避免资源无法回收

内容的提问来源于stack exchange，提问作者Bancha Setthanan