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;
}
}
相關文章
- react-native android 打包步驟ReactAndroid
- react-native呼叫ios native方法-回撥ReactiOS
- react-nativeReact
- react-native打包React
- 一步一步將支付寶整合到 react-native 應用React
- React-Native實踐React
- React-Native爬坑React
- react-native TextInput 使用React
- react-native升級React
- React-Native AsyncStorage文件React
- React-Native ‘WKWebView` has no propType for native propReactWebView
- react-native 學習心得React
- React-Native 樣式指南React
- react-native環境搭建React
- React-Native學習指南React
- java中呼叫dll檔案的步驟Java
- Flutter vs Native與React-Native:檢查效能FlutterReact
- react-native配置react-native-image-crop-pickerReact
- React Native安卓專案打包釋出APK步驟React Native安卓APK
- React-native 開發小技巧React
- react-native開發避坑React
- react-native生命週期改造React
- react/react-native效能優化React優化
- React-Native環境搭建(windows)ReactWindows
- React-Native專案總結React
- react-native踩坑之行(一)React
- react-native分組列表SectionListReact
- React-Native iOS Module開發ReactiOS
- react-native 生成二維碼React
- react-native技術的優劣React
- react-native 學習 第一層React
- react-native搭建用例(非CRNA)React
- react-native筆記(flexbox)React筆記Flex
- React-Native從零搭建App(長文)ReactAPP
- react-native 使用leanclound訊息推送React
- react-native 環境搭建(1/4)React
- react-native必備工具(3/4)React
- react-native使用redux 存在的坑ReactRedux