react-native 调用 native 步骤

react-native 调用 native 步骤 


一   新建一个类 继承  ReactContextBaseJavaModule 


首先要Override getName()方法：


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


这个方法的返回值就是JavaScript中调用的名称


然后我们可以选择性的覆盖getConstants()方法：


最后我们定义一个React调用的方法：


这个使用了annotation定义的方式必须加上@ReactMethod。
这里的参数只能React Navive定义的参数。


@ReactMethod中传的参数必须是JavaScript和Java对应的。


Boolean -> Bool
Integer -> Number
Double -> Number
Float -> Number
String -> String
Callback -> function
ReadableMap -> Object
ReadableArray -> Array




二 注册ReactPackage
新建一个RNJavaReactPackage  继承 ReactPackage




三  添加ReactPackage
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 
   @Override   
   protected boolean getUseDeveloperSupport() {   
       return BuildConfig.DEBUG;   
   } 
   @Override   
   protected List<ReactPackage> getPackages() { 
         return Arrays.<ReactPackage>asList(
                new MainReactPackage(),         
               new RNJavaReactPackage()       
         ); 
     }
};






四 实现 RaectApplication 


public class MainApplication extends Application implements ReactApplication {    
    @Override    
    public ReactNativeHost getReactNativeHost() {      
        return mReactNativeHost;   
   }
}