本项目为React Native的Android原生模块,是 https://github.com/lovetuzitong/MultiImageSelector 项目的react-native封装模块,用于打开activity选择多张图片。
使用本模块用于选择多张图片
npm install react-native-multi-image-selector-android --save
- 在
android/setting.gradle
文件中添加以下内容
...
include ':RNMultiImageSelectorModule', ':app'
project(':RNMultiImageSelectorModule').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-multi-image-selector-android')
- 在
android/app/build.gradle
文件中添加如下内容
...
dependencies {
...
compile project(':RNMultiImageSelectorModule')
}
- 注册模块 >= 0.18 (在 MainActivity.java 文件中添加内容)
import com.j010wdz.multiimageselector.RNMultiImageSelectorPackage; // <--- import
public class MainActivity extends ReactActivity {
......
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNMultiImageSelectorPackage()); // <------ 添加这行代码到你的MainActivity类
}
......
}
- 注册模块 <= 0.17 (在 MainActivity.java 文件中添加内容)
import com.j010wdz.multiimageselector.RNMultiImageSelectorPackage; // <--- import
public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {
......
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = new ReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
.addPackage(new RNMultiImageSelectorPackage()) // <------ 添加这行代码到你的MainActivity类
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
mReactRootView.startReactApplication(mReactInstanceManager, "AndroidRNSample", null);
setContentView(mReactRootView);
}
......
}
var MultiImageSelectorAndroid = require('react-native-multi-image-selector-android');
MultiImageSelectorAndroid.selectPictures(1, 9).then((pathArray)=>{
for (var path of pathArray) {
alert(path);
}
}, (code, message)=>{
//alert(code);
});
MIT