smallnew / react-native-smartassets

smart load react native image resource both from apk(ipa) and jsbundle Dir.

react-native-smartassets

Getting started

Smartassets change the react native image load logic by hook defaultAsset method.

Smartassets let your app can load image form apk(ipa in iOS case) and filesystem with smart choose.

$ npm install --save react-native-smartassets

Mostly automatic installation

$ react-native link react-native-smartassets

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-smartassets and add RNSmartassets.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNSmartassets.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.smallnew.smartassets.RNSmartassetsPackage; to the imports at the top of the file
• Add new RNSmartassetsPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-smartassets'
   project(':react-native-smartassets').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-smartassets/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-smartassets')
   

Usage

import {SmartAssets} from 'react-native-smartassets';
SmartAssets.initSmartAssets();
SmartAssets.setiOSRelateMainBundlePath(youOriginJsBundlePath);//optional

react-native-smartassets's Issues

iOS 热更后找不到主bundle的图片

Hi,IOS 热更后，现象如题

环境
ios 12.4.3
iphone 6plus
react native 0.61.5

初始化
`import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

import {SmartAssets} from 'react-native-smartassets';
SmartAssets.initSmartAssets();

AppRegistry.registerComponent(appName, () => App);`

测试后发现 android 能正常显示,ios 则不能，没有找到合适的调试方法，就直接alert，最后发现
是路径拼接的有问题 ，我自己改了下，改好了，
改的地方如下

const defaultMainBundePath = Smartassets.DefaultMainBundlePath; // 原来被注释掉了，加回来
...
...
let oriJsBundleUrl = 'file://'+defaultMainBundePath+'/'+iOSRelateMainBundlePath + "/"; // 默认缺了一个 / 符号,加上

改动后，一切正常了

看下是不是还有更合适的方法

您好!能否给组件加一下 cocoPod 管理方案

Android 使用后图片显示,ios还是不行

SmartAssets.setiOSRelateMainBundlePath('./ios/platform.ios.bundle');
SmartAssets.setiOSRelateMainBundlePath('./ios/index.ios.bundle');
试了这两种写法,都不行,大神指点一下奥