如何在React Native中使用.avif扩展图像？

Question

我下载了一个 .avif 文件。它在浏览器和图像查看器中正确显示。

我尝试在 React Native（Typescript）项目中使用它，但它显示“无法解析模块...”，如附图所示。

文件路径是正确的，因为我正在使用 .png 扩展名图像。

我的问题是：

1. React Native 支持 .avif 扩展名图像文件吗？
2. 如果支持，如何在 Typescript 项目中使用它们？

Answer 1

如果您的设备运行的 Android 操作系统版本早于 12，则缺乏对 AVIF 图像格式的支持，从而限制了无缝查看 AVIF 图像或与 AVIF 图像交互的能力。

这里的文档https://developer.android.com/about/versions/12/features#avif