在页面之间导航时图像组件闪烁 React Native + Expo

Posted

技术标签:

【中文标题】在页面之间导航时图像组件闪烁 React Native + Expo【英文标题】:Image component flickering when navigating between pages React Native + Expo 【发布时间】:2021-04-25 01:31:38 【问题描述】:

我目前正在开发一个应用程序,该应用程序具有一个数据库,该数据库存储图像源的链接(它不是本地存储的),然后在应用程序中,我使用该链接作为源。 导航时出现白色闪烁,到目前为止,我发现的所有解决方案要么与 expo 不兼容(react-native-fast-image),要么与图像链接不兼容(使用 defaultSource)。

有没有人用未本地存储的图像解决了 Expo 上的图像闪烁问题?

【问题讨论】:

【参考方案1】:

今天,我们很高兴地宣布,随着 Expo SDK 42 的到来,您现在可以使用 EAS Build 在云中创建自定义开发客户端,或者使用新的 Expo 运行命令在本地创建。

你今天可以试试:

创建一个新项目:expo init 安装包:expo install react-native-fast-image expo-dev-client

构建原生应用:

在云端使用 eas build -p all --profile 开发(expo build 不支持自定义构建) 或在本地使用 expo run:ios 和 expo run:android(注意:有关生成文件的信息,请参阅 https://expo.fyi/prebuild-cleanup)

需要明确的是,react-native-fast-image 不会添加到您从 App Store 或 Google Play Store 下载的 Expo Go 应用程序中。

我们仍然认为此功能已完成,因为用户现在可以创建包含此库的自定义客户端应用程序,而无需编写任何本机代码。

我们希望您喜欢,我们有很大的计划继续改进这个工作流程!

(с) 布伦特瓦特尼https://expo.canny.io/feature-requests/p/react-native-fast-image

【讨论】:

以上是关于在页面之间导航时图像组件闪烁 React Native + Expo的主要内容,如果未能解决你的问题,请参考以下文章

如何修复 CSS 导航闪烁问题

[技术博客]react native事件监听与原生通信——实现对通知消息的响应

在 React.js 中加载异步数据时防止 UI 闪烁

React-Native 图像滑块框中的自定义导航箭头

React-Navigation:屏幕之间的导航

避免按下返回按钮时图像闪烁