在使用 react-navigation 跳转界面时，如果快速点击某个按钮跳转界面，会出现 界面连续跳转 2 次的情况。

这里提供一种简单的解决方法：

新建 common.js 文件，在其中编写一个公共的导航跳转的函数，控制让界面在 一定时间范围（这里是1秒）内只跳转一次，比如在1秒内点击多次时，跳转事件只执行一次。

common.js代码

var lastNavTime = "";
export const jumpPage=(navigation,page,params)=>{
   //上次点击与本次点击时间差在 1000 毫秒之内，就返回
  if(lastNavTime+1000 >= Date.now()){
    return;
  }
  lastNavTime = Date.now();
  if(navigation){
    navigation.push(page,params);
  }
}

使用

1.首先在头部导入 jumpPage 函数

import {jumpPage} from '../common';

2.在需要跳转的地方使用 jumpPage 公共函数做跳转

_pressBtn(){
    jumpPage(this.props.navigation,'home',{userId:'abc'});
 }

 

Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter 三方库 shutdown 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、透明、基于优先级分发的工业级应用退出治理与状态保存引擎

什么是 Shutdown？它是一个将“由于系统退出信号（Signal）”与“由于业务销毁回调（Handlers）”深度融合的任务中枢。由于由于。传统的。管理过程。由于由于销毁逻辑由于于由于不同由于由模块之间的耦合。同步由于由于由于。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以实现由于由于鸿蒙应用对应的。生命周期包。管理过程。由于由于极致由于由于。它是构建“极

avatar 开源鸿蒙跨平台开发者社区

Flutter 三方库 flutterando_analysis 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、严谨、工业级的代码静态审计与工程质量守卫引擎

什么是 Flutterando Analysis？它不只是一个配置列表，而是一份“工程契约”。它由 Flutterando 社区总结，涵盖了从性能隐患探测到可维护性建议的上百条严苛规则。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以让鸿蒙项目的每一行代码都符合“极致生产力”的标准。它是构建“极致整洁、合规可审计”鸿蒙应用后的核心效能内核。实现了从“原始源码（R

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter 三方库 bybit 的鸿蒙化适配指南 - 实现高性能交易数据获取、支持 WebSockets 实时订单簿与加密货币交易接口集成

avatar 开源鸿蒙跨平台开发者社区