把原生模块封装成js模块

把原生模块封装成js模块
未封装之前原生模块的调用,以一个简单的例子说明。
未封装,在js中的调用:

 NativeModules.WebViewModule.openUCBrower("http://www.baidu.com");

封装:
./business_modules/WebViewModule.js

'use strict';
import { NativeModules } from 'react-native';

export default NativeModules.WebViewModule

封装成js模块后,在js中的调用:

import WebViewModule from './business_modules/WebViewModule';
WebViewModule.openAndroidBrower("https://m.baidu.com");

多个module的封装:

./business_modules.js

'use strict';
import {NativeModules} from 'react-native';

//Only one default export allowed per module

var WebViewModule=NativeModules.WebViewModule;
var ToastModule=NativeModules.ToastModule;
var ScannerModule=NativeModules.ScannerModule;
var RotateModule=NativeModules.RotateModule;
var FileExploerModule=NativeModules.FileExploerModule;
var AmapLocationModule=NativeModules.AmapLocationModule;
export{
    WebViewModule,
    ToastModule,
    ScannerModule,
    RotateModule,
    FileExploerModule,
    AmapLocationModule,
}

调用

import{
    ScannerModule,
    RotateModule,
    WebViewModule,
    FileExploerModule,
    ToastModule,
    AmapLocationModule,
}from './business_modules'

 RotateModule.rotateScreen();
 ...
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页