从React Native 跳转到原生页面


温故知新,记录一下吧,免得自己忘了

1.MyIntentModule.java 类

public class MyIntentModule extends ReactContextBaseJavaModule {

  public MyIntentModule(ReactApplicationContext reactContext) {
  super(reactContext);
  }

  @Override
  public String getName() {
  return "IntentModule";
  }

  /**
  * 从JS页面跳转到原生activity 同时也可以从JS传递相关数据到原生
  * @param name 需要打开的Activity的class
  * @param params
  */
  @ReactMethod
  public void startActivityFromJS(String name, String params){
  try{
  Activity currentActivity = getCurrentActivity();
  if(null!=currentActivity){
  Class toActivity = Class.forName(name);
  Intent intent = new Intent(currentActivity,toActivity);
  intent.putExtra("params", params);
  currentActivity.startActivity(intent);
  }
  }catch(Exception e){
  throw new JSApplicationIllegalArgumentException(
  "不能打开Activity : "+e.getMessage());
  }
  }
}
2.MyReactPackage.java类
public class MyReactPackage implements ReactPackage {
  @Override
  public List createNativeModules(ReactApplicationContext reactContext) {
  return Arrays.asList(
    new MyIntentModule(reactContext)
 
  );
  }

  @Override
  public List> createJSModules() {
  return Collections.emptyList();
  }

  @Override
  public List createViewManagers(ReactApplicationContext reactContext) {
      return Collections.emptyList();  

  }
}
3.MainApplication添加
new MyReactPackage()
4.随便创建一个Activity页面 (com.wildwolf.myrn.ThridActivity )
5.index.android.js

import {
...
    NativeModules
  } from 'react-native';
...
  onPress={() =>
  NativeModules.IntentModule.startActivityFromJS("com.wildwolf.myrn.ThridActivity","我是从JS传过来的参数信息.")}>
  Click me.


over

你可能感兴趣的:(React,Native(Android),android,react,native,android,studio)