十七、Expo 的资源管理

资源

图片，字体，视频，声音以及您的应用所依赖的任何其他都不是JavaScript的文件，这被认为是一种资源。就像在Web上一样，资产是根据需要通过HTTP获取或传输的。这与典型的移动应用程序不同，后者的资源与应用程序二进制文件捆绑在一起。

但是，在Expo中，您使用的资源与require语法之间存在区别，因为它们在本地文件系统的构建时可用，例如：和Web URL引用的Web图像，例如：。我们无法保证您使用Web URI引用的图像的可用性，因为我们不管理这些资源。此外，我们没有关于任意Web URI的相同数量的信息：当您的资源在本地文件系统上可用时，打包程序能够读取一些元数据（例如，宽度，高度）并将其传递给您的应用程序，所以你实际上不需要指定宽度和高度，例如。指定远程Web URL时，您需要明确指定宽度和高度，否则它将默认为0x0。最后，正如您稍后将看到的，两种情况下的缓存行为都不同。

以下是对前一类资源的解释：您在构建时在文件系统上拥有的资产。在后一种情况下，假设您熟悉如何将图像上传到Web上某个可以被任何Web或移动应用程序访问的位置。

资源存在的地方

开发中

当您处理项目的本地副本时，资源将从本地文件系统提供，并与JavaScript模块系统集成。因此，如果我想要包含一个图像，我就require可以，就像它是JavaScript代码一样：require('./assets/images/example.png')。这里唯一的区别是我们需要指定一个扩展名 - 没有扩展名，模块系统会认为它是一个JavaScript文件。此语句在编译时评估对象，该对象包含有关资源的元数据，Image组件可以使用该元数据来获取并呈现它：

在生产中

每次发布应用程序时，Expo都会将您的资源上传到Amazon CloudFront，这是一个非常快速的CDN。它以智能方式执行此操作以确保您的部署保持快速：如果资源自上次部署后未发生更改，则会跳过该部署。您无需为此做任何事情，它全部由Expo自动处理。

性能

有些资源太重要，如果不存在则无法启动您的应用程序。字体通常属于这一类。在网络上，字体加载问题由几个首字母缩略词所知：FOUT，FOIT和FOFT，代表无格式文本的Flash，不可见文本的Flash和人造文本的Flash（在此处阅读更多内容）。使用icon-font-powered @ expo / vector-icons图标的默认行为是首次加载时的FOIT，在后续加载时，字体将自动缓存。用户对移动设备的标准高于网络，因此您可能希望通过在初始加载屏幕期间预加载和缓存字体和重要图像来更进一步。