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-nativeReact
- React-Native ‘WKWebView` has no propType for native propReactWebView
- React-Native爬坑React
- React-Native實踐React
- react-native筆記(flexbox)React筆記Flex
- react-native 學習心得React
- React-Native 樣式指南React
- Flutter vs Native與React-Native:檢查效能FlutterReact
- react-native配置react-native-image-crop-pickerReact
- React-Native專案總結React
- React-Native環境搭建(windows)ReactWindows
- react/react-native效能優化React優化
- React-Native iOS Module開發ReactiOS
- react-native分組列表SectionListReact
- react-native開發避坑React
- react-native踩坑之行(一)React
- react-native android狀態列ReactAndroid
- react-native生命週期改造React
- React-native 開發小技巧React
- java中呼叫dll檔案的步驟Java
- react-native技術的優劣React
- 探索 react-native run-ios(android)ReactiOSAndroid
- react-native 使用leanclound訊息推送React
- react-native 學習 第一層React
- react-native搭建用例(非CRNA)React
- react-native第二彈來了!React
- react-native使用redux 存在的坑ReactRedux
- react-native 修改專案名稱React
- React-Native學習資料分享React
- react-native踩坑的開始!React
- ? React-Native 官方示例演示 ( ios & android)ReactiOSAndroid
- react-native 環境搭建(1/4)React
- react-native必備工具(3/4)React
- react-native 路由與選單demoReact路由
- expo react-native視訊播放元件React元件
- Mac配置React-Native開發環境MacReact開發環境
- react-native + mobx 入門到放棄React
- React-Native從零搭建App(長文)ReactAPP
- react-native開發常見問題React