那时是圣诞节，Marno 祝有”第一类”的圣诞节欢乐，没”第一类”的 new 两个第一类，接着圣诞节欢乐！呵呵~
序言
刚开始写 React Native 工程项目的这时候，并没故意的去管理工作相片天然资源，加进了哪那哥就间接写两个相较提及门牌号。但当工程项目中的相片天然资源渐渐多出来之后，我辨认出麻烦事来了。不论是修正相片中文名称，却是代替相片都较为麻烦事。
所以在 React Native 工程项目中怎样管理工作相片才变得较为简便呢？紧密结合网上许多写手们写的该文，和他们合作开发工程项目的实战经验，约莫归纳成了呵呵下列几点。
辅助工具
具体来说是应用软件的优先选择，布季谢的是 WebStrom，一是布季谢生活习惯了 JetBrains 全家人桶，二是它吗称心，所以在管理工作相片各方面，它有下列两个缺点：
相片重定向
按 commond（或ctrl）键，点选相片的提及门牌号，会手动重定向到该相片天然资源。假如辨认出无法恒定重定向，最合适检查和下呢把方向弄错了。
全局重命名
重命名某个相片的这时候，会手动查找所有的提及，并将所有提及门牌号中的名字也一起重命名（重命名相片时，尽量将 server 关闭）
删除保护
很多人在用文本编辑器写 RN，但假如在合作开发过程中，一不小心将一张正在使用的相片删除了，所以文本编辑器是不会给任何提示的，但 WebStrom 会手动查找该相片是否正在被使用，假如是，便会列出所有提及门牌号。不会导致误删除。
相片预览
安装 IconViewer 插件后，就可以间接在工程目录树结构中预览所有相片天然资源，这样找起相片来的这时候也较为直观。至于 WebStrom 怎样安装插件，可以自行百度下。
代码
辅助工具部分说完了，接着再说下从代码上怎样管理工作相片天然资源，废话不多说，间接往下看。
创建文件
具体来说按照下图的文件结构，创建对应的目录和文件（名字随意，易懂就好）
resource：存放工程项目中加进的各种天然资源
imgs：存放相片的文件夹
Images.js：相片管理工作类
index.js：入口文件
编辑 Images.js
导出使用
在 index.js 文件中导出组件
在其他文件中调用
注意
方向处理
多分辨率
在 React Native 工程项目中，假如需要适配不同分辨率的屏幕，则需要采用 iOS 上对相片命名的方式，不同分辨率之间用 @2x、@3x 来区分（如：[email protected]，[email protected]），这样系统会手动根据屏幕分辨率去优先选择该分辨率所对应的相片。
这里顺便强调下在 iOS 上和 Android 上几种分辨率的对应关系，有且只有下列几种分辨率，假如用 @3.5x之类的可能会导致程序奔溃（目前@2x 的分辨率较为多）。
[email protected]@[email protected]hdpi
@2xxhdpi@3xxxhdpi@4xxxxhdpi相片优化
在 App 发布之前，我们可以将许多体积较大的相片天然资源进行压缩，以减小安装包体积，相信做移动合作开发的人都知道这个网站tinypng.com。这里推荐两个插件 TinyPic，官方插件商店可以搜到，附上使用指南 https://github.com/shenjiajun53/TinyPic
归纳
辅助工具再智能也只是一种辅助，只有我们他们养成良好的编码生活习惯，才能高效率的管理工作工程项目天然资源，我实在编不下去了…..就这样吧！呵呵~
相片的心得。 一起讨论。（是 RN ，不是 Run 哈！）
推荐阅读：
