js实现界面向原生界面发消息并跳转功能
本文实例为大家分享了js界面向原生界面发消息并跳转的具体代码，供大家参考，具体内容如下
步骤一
在idea中，打开rn项目下的./Android/app,这个过程需要一点儿时间，可能还需要下载gradle的依赖什么的。
步骤二
跟做原生app没差，我们新建一个TestActivity，简单起见，仅实现如下：
publicclassTestActivityextendsAppCompatActivity{
privateButtonmBtGoBack;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test);
mBtGoBack=(Button)findViewById(R.id.bt_go_back);
mBtGoBack.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewview){
finish();
}
});
}
}
步骤三
写一个类ExampleInterfaceextendsReactContextBaseJavaModule,在该类中接收消息。
具体代码：
publicclassExampleInterfaceextendsReactContextBaseJavaModule{
privateReactApplicationContextmRApplicationContext;
publicExampleInterface(ReactApplicationContextreactContext){
super(reactContext);
mRApplicationContext=reactContext;
}
//RN使用这个名称来调用原生模块的其他函数
@Override
publicStringgetName(){
return"ExampleInterface";
}
//必须写@ReactMethod，将其注册为能够被React调用的函数
@ReactMethod
publicvoidHandlerMessage(StringaMessage){
Log.d("lt","====receivemessagefromRN==="+aMessage);
//这部分实现简单的跳转
Intentintent=newIntent(mRApplicationContext,TestActivity.class);
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
mRApplicationContext.startActivity(intent);
}
}
步骤四
实现一个包管理器，并将接收消息的类ExampleInterface，注册进去。
代码如下：
publicclassAnExampleReactPackageimplementsReactPackage{
@Override
publicList<NativeModule>createNativeModules(ReactApplicationContextreactApplicationContext){
List<NativeModule>modules=newArrayList<>();
modules.add(newExampleInterface(reactApplicationContext));
returnmodules;
}
@Override
publicList<Class<?extendsJavaScriptModule>>createJSModules(){
returnCollections.emptyList();
}
@Override
publicList<ViewManager>createViewManagers(ReactApplicationContextreactApplicationContext){
returnCollections.emptyList();
}
}
步骤五
在MainApplication中添加包管理类AnExampleReactPackage；
@Override
protectedList<ReactPackage>getPackages(){
returnArrays.<ReactPackage>asList(
newMainReactPackage(),
newAnExampleReactPackage()
);
}
步骤六
在js界面，发送消息；
buttonPress:function(){
NativeModules.ExampleInterface.HandlerMessage('test');
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短