react-native呼叫native步驟

恩恩123發表於2016-11-27
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;   
   }
}



相關文章