React Native All HMS Kits
In this repository we try to combine all HMS React Native Kits in one Project!
React Native HMS packages integrated in this project:
- HMS / GMS Availability Checker.
- HMS Location Kit.
- Huawei Map.
- HMS Push Kit.
- Huawei Analytics Kit.
- Huawei Account Kit.
- Huawei Ads Kit.
Dowload APK
For testing of React Native project, please donwload the apk file.
Screenshots
Application
Screenshots
How to build a React Native Android Library
Please read this Creating a Native Module in React Native, HMS Official SDKs and creating custom bridges to have idea about how to make your own customize React Native Android Library.
Install plugins to Project
yarn add ./hms-packages/react-native-ha-interface
yarn add ./hms-packages/react-native-hms-location
yarn add ./hms-packages/react-native-hms-map
yarn add ./hms-packages/react-native-hwpush
yarn add ./hms-packages/react-native-hms-ads
yarn add ./hms-packages/react-native-hms-site
Remove plugins to Project
yarn remove react-native-ha-interface
yarn remove react-native-hms-location
yarn remove react-native-hms-map
yarn remove react-native-hwpush
yarn remove react-native-hms-ads
yarn remove react-native-hms-site
Enabling/Disabling the Debug Mode for Analytics
adb shell setprop debug.huawei.hms.analytics.app <YOUR-PACKAGE-NAME>
shell setprop debug.huawei.hms.analytics.app .none.
Official HMS Resources
HMS All Plugins:
https://developer.huawei.com/consumer/en/doc/overview/HMS-Core-Plugin
Huawei Map Kit:
https://developer.huawei.com/consumer/en/codelab/HMSMapKit/index.html#0
Codelab:https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/hms-map-v4-abouttheservice
Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/hms-map-v4-example-rn
Sample Code:https://developer.huawei.com/consumer/en/doc/development/HMS-Library/hms-map-v4-sdkdownload-rn
SDK Library:Huawei Location Kit:
https://developer.huawei.com/consumer/en/codelab/HMSLocationKit/index.html#0
Codelab:https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/location-introduction
Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/locationSampleCode-rn
Sample Code:https://developer.huawei.com/consumer/en/doc/development/HMS-Library/sdk_download_v4-rn
SDK Library:Push Kit:
https://developer.huawei.com/consumer/en/codelab/HMSPushKit/index.html#0
Codelab:https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/push-introduction
Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn
Client-side code:https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn
SDK Library:Push Kit Server Side code SDK:
Supporting Language (Java, C#, Python, GoLang, PHP, Node.js)
https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-serverjavasdk
Analytics Kit:
https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#0
Codelab:https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/react-native-development
Document:https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#2
SDK Library:Huawei Ads:
https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides/introduction-0000001050196714
Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Examples/react-native-sample-code-0000001050201946
Sample Code:https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Library/react-native-sdk-download-0000001050444343
SDK Library:HMS Site Kit:
https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides/introduction-0000001050176404
Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Examples/react-native-sample-code-0000001050329132
Sample Code:https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Library/rn-sdk-download-0000001050317544
SDK Library:Note:
This article and repository will be update frequently based on new HMS kits compatible with React Native Framework.
Conclusion
This article and repository will be helpful for developers as a kick-start project. Developers can check the project configuration and code and make similar changes in your React Native project to quickly get up and running for HMS solution.