You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native iOS模拟器:如何隐藏refreshing提示及动画?

移除iOS模拟器中React Native自动刷新的蓝色提示屏幕及动画

要保留自动刷新功能但去掉那个烦人的蓝色“refreshing...”提示,有两种简单可行的方法:

方法一:永久禁用(修改Metro配置)

  1. 打开项目根目录下的metro.config.js文件——如果没有这个文件,直接新建一个。
  2. 把配置改成下面这样:
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');

const defaultConfig = getDefaultConfig(__dirname);
const customConfig = {
  server: {
    disableRefreshNotification: true, // 核心配置:关闭刷新提示
  },
};

module.exports = mergeConfig(defaultConfig, customConfig);
  1. 保存文件后,重启Metro服务,再重新运行iOS项目就不会看到提示了。

方法二:临时禁用(环境变量启动)

如果只是偶尔不想看到提示,不用改配置,启动项目时加个环境变量就行:

REACT_NATIVE_DISABLE_REFRESH_NOTIFICATION=true npx react-native run-ios

之后想恢复提示,直接用正常命令启动项目就好。

注:这两种方法适配React Native 0.68及以上版本,确保你的Metro版本支持该配置项。

内容的提问来源于stack exchange,提问作者fluorjo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 06:13:14