React Native iOS模拟器:如何隐藏refreshing提示及动画?
移除iOS模拟器中React Native自动刷新的蓝色提示屏幕及动画
要保留自动刷新功能但去掉那个烦人的蓝色“refreshing...”提示,有两种简单可行的方法:
方法一:永久禁用(修改Metro配置)
- 打开项目根目录下的
metro.config.js文件——如果没有这个文件,直接新建一个。 - 把配置改成下面这样:
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config'); const defaultConfig = getDefaultConfig(__dirname); const customConfig = { server: { disableRefreshNotification: true, // 核心配置:关闭刷新提示 }, }; module.exports = mergeConfig(defaultConfig, customConfig);
- 保存文件后,重启Metro服务,再重新运行iOS项目就不会看到提示了。
方法二:临时禁用(环境变量启动)
如果只是偶尔不想看到提示,不用改配置,启动项目时加个环境变量就行:
REACT_NATIVE_DISABLE_REFRESH_NOTIFICATION=true npx react-native run-ios
之后想恢复提示,直接用正常命令启动项目就好。
注:这两种方法适配React Native 0.68及以上版本,确保你的Metro版本支持该配置项。
内容的提问来源于stack exchange,提问作者fluorjo
相关产品推荐
相关产品推荐

