React Native Asset是一个简化 React Native 资源管理的工具,能够自动将字体、图片等资源文件链接到 iOS 和 Android 平台,无需手动配置。
1. 安装
npm install --save-dev react-native-asset
# 或
yarn add --dev react-native-asset
2. 基本配置
我的资源目录如下
在项目根目录创建或修改 react-native.config.js 文件, 添加资源链接:
module.exports = {
assets: [
'./src/assets/fonts',
'./src/assets/images/files',
'./src/assets/animations/files'
]
}
3. 使用方法
- 自动链接资源 安装后,资源会自动链接到相应平台:
# 安装依赖后自动执行
npm install
# 或手动执行
npx react-native-asset
- 不过更好的方法是配置
package.json
{
"scripts": {
"assets": "react-native-asset"
}
}
这样做的好处,当新添加了资源之后执行 yarn assets,可以在git历史中减少大批量ios资源的改动
在项目中当做正常资源文件使用即可