1. 什么是 expo-asset
expo-asset 是 Expo 提供的一个 JavaScript 实用程序库，用于管理静态资源以及在 App 中使用这些资源。它可以去除许多加载资源相对路径的麻烦，并且使得使用图像、音频等多媒体文件变得非常容易。
2. 安装 expo-asset
在使用之前需要先安装它：
npm install expo-asset
3. 如何使用 expo-asset
使用 expo-asset 的第一步，就是将你的文件导入到 Assets 文件夹。这样，expo-asset 可以在编译期间自动将其处理并分配它们。
假设我们有一个图片资源，名为 logo.png，我们想在我们的应用程序中使用。首先，将它导入到项目中：
├── my-app │ ├── App.js │ ├── assets │ │ └── images │ │ └── logo.png
然后，可以像下面这样使用：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- - ---- ---------------
------ - ----- - ---- -------------
------ - ---------- - ---- -------
------ ------- ----- --- ------- --------------- -
------------------ -
-------------
---------- - -
-------- ------
--
-
----- ------------------ -
----- ----- - ------------------------------------------------------
----- ----------------------
-
-------- -
-- --------------------- -
------ -
-----------
----------------------------------
------------ -- --------------- -------- ---- ---
----------------------
--
--
-
------ -
----- -------- ----- - ---
------ -------------------------------------------- --
-------
--
-
-由于是从服务器上加载资源，需要使用异步的方法来下载和缓存资源。Asset.fromModule 可以创建一个 Asset 对象。当调用 downloadAsync 方法时，它将下载所有其他 Asset，包括图像。 AppLoading 组件用于等待所有下载都完成后加载应用程序。
4. 使用注意事项
注意不能在 render 函数中直接使用 require 或 import 引入图片等资源，因为这会导致它们与应用程序代码一起编译到 JavaScript 中，并增加了应用的加载时间。
5. 总结
除了 Image 组件外，使用静态资源时，最好使用 expo-asset 的 Asset API。这可以防止应用程序在运行时加载所有图片，而让它们在应用程序启动之前预加载。
希望这篇文章对初学者了解使用 npm 包 expo-asset 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedabcdb5cbfe1ea061086d