React Native中关于图片引用方式

图片的引用方式一般分为两种：

1.source={require('xxxxxx.png')}的方式(图1)，这种方式一般是引用本地的图片方式，并且不需要指定图片的width和height，并且如果图片在文件夹中区分@2x和@3x的话，不需要在里面require当中体现，系统会自动找对应的图片。Packager打包时会将2x和3x都打包。

图1

2.source={{uri:'xxxxxx'}}的方式(图2和图3)，这种方式一般用于加载网络图片，或者是在APP的资源文件包内的文件。如果是资源包里的文件，不需要带后缀名和@2x，系统也会自动去找对应的图片。

图2
图3
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容