ReactNative中把js编译成bundle后,js引用的图片的去向

本文详细介绍了ReactNative项目中,当js文件编译成bundle后,引用的图片资源如何被处理。在Android工程中,RN会将资源文件复制到指定目录,并在bundle文件中记录资源路径,使得Android工程可以独立运行。解析了RN编译过程中的资源管理和命名规则,强调了避免产生无用资源的重要性。
摘要由CSDN通过智能技术生成

ReactNative中把js编译成bundle后,js引用的图片的去向

标签(空格分隔): ReactNative


前言

这篇文章我们来讲解,使用react-native bundle 命令将js文件编译成bundle文件后,ReactNative(以下简称RN)对我们的Android工程都做了什么。

正文

首先,假设我们已经在原有的android工程中增加了对RN的支持,RN工程目录结构如下图:

imgs文件夹存放js文件中需要用到的图片,RNDemo就是我们的android工程,我们在index.android.js中的代码很简单


import React, {
    Component,
} from 'react';

import {
     AppRegistry,
     Image,
     Text,
     View,
 } from 'react-native';




c
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值