php如何制定跳转到app原生页面,js实现界面向原生界面发消息并跳转功能
本文實(shí)例為大家分享了js界面向原生界面發(fā)消息并跳轉(zhuǎn)的具體代碼，供大家參考，具體內(nèi)容如下
步驟一
在idea中，打開(kāi)rn項(xiàng)目下的./Android/app,這個(gè)過(guò)程需要一點(diǎn)兒時(shí)間，可能還需要下載gradle的依賴(lài)什么的。
步驟二跟做原生app沒(méi)差，我們新建一個(gè)TestActivity，簡(jiǎn)單起見(jiàn)，僅實(shí)現(xiàn)如下：
public class TestActivity extends AppCompatActivity {
private Button mBtGoBack;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test);
mBtGoBack = (Button) findViewById(R.id.bt_go_back);
mBtGoBack.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
finish();
}
});
}
}
步驟三
寫(xiě)一個(gè)類(lèi)ExampleInterface extends ReactContextBaseJavaModule,在該類(lèi)中接收消息。
具體代碼：
public class ExampleInterface extends ReactContextBaseJavaModule {
private ReactApplicationContext mRApplicationContext;
public ExampleInterface(ReactApplicationContext reactContext) {
super(reactContext);
mRApplicationContext = reactContext;
}
//RN使用這個(gè)名稱(chēng)來(lái)調(diào)用原生模塊的其他函數(shù)
@Override
public String getName() {
return "ExampleInterface";
}
//必須寫(xiě)@ReactMethod，將其注冊(cè)為能夠被React調(diào)用的函數(shù)
@ReactMethod
public void HandlerMessage(String aMessage){
Log.d("lt","====receive message from RN==="+aMessage);
//這部分實(shí)現(xiàn)簡(jiǎn)單的跳轉(zhuǎn)
Intent intent = new Intent(mRApplicationContext,TestActivity.class);
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
mRApplicationContext.startActivity(intent);
}
}
步驟四
實(shí)現(xiàn)一個(gè)包管理器，并將接收消息的類(lèi)ExampleInterface，注冊(cè)進(jìn)去。
代碼如下：
public class AnExampleReactPackage implements ReactPackage {
@Override
public List createNativeModules(ReactApplicationContext reactApplicationContext) {
List modules = new ArrayList<>();
modules.add(new ExampleInterface(reactApplicationContext));
return modules;
}
@Override
public List> createJSModules() {
return Collections.emptyList();
}
@Override
public List createViewManagers(ReactApplicationContext reactApplicationContext) {
return Collections.emptyList();
}
}
步驟五
在MainApplication中添加包管理類(lèi)AnExampleReactPackage；
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new AnExampleReactPackage()
);
}
步驟六在js界面，發(fā)送消息；
buttonPress:function(){
NativeModules.ExampleInterface.HandlerMessage('test');
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
總結(jié)
以上是生活随笔為你收集整理的php如何制定跳转到app原生页面,js实现界面向原生界面发消息并跳转功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： html js 读取资源文件,javas
- 下一篇： 飞机大战php 源码,飞机大战资源素材及