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