十七、Expo 的资源管理

资源

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

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

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

资源存在的地方

开发中

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

在生产中

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

性能

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,492评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,048评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,927评论 0 358
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,293评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,309评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,024评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,638评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,546评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,073评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,188评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,321评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,998评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,678评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,186评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,303评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,663评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,330评论 2 358

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,235评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,743评论 2 59
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,509评论 1 45
  • 明俊风阅读 143评论 0 0
  • 很喜欢冯唐的文字:简洁干练直白,不装不作不无病呻吟,有深度高度。 峰子自诩为:唐粉 严重认同他认为码字人应:感受在...
    冰语夏虫阅读 546评论 0 3