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.
- HMS Site Kit.
Repository link
https://github.com/salmanyaqoob/React-Native-HMS-All-Kits
Download 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:
Codelab: https://developer.huawei.com/consumer/en/codelab/HMSMapKit/index.html#0
Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/hms-map-v4-abouttheservice
Sample Code: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/hms-map-v4-example-rn
SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Library/hms-map-v4-sdkdownload-rn
Huawei Location Kit:
Codelab: https://developer.huawei.com/consumer/en/codelab/HMSLocationKit/index.html#0
Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/location-introduction
Sample Code: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/locationSampleCode-rn
SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Library/sdk_download_v4-rn
Push Kit:
Codelab: https://developer.huawei.com/consumer/en/codelab/HMSPushKit/index.html#0
Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/push-introduction
Client-side code: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn
SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn
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:
Codelab: https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#0
Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/react-native-development
SDK Library: https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#2
Huawei Ads:
HMS Site Kit:
SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Library/rn-sdk-download-0000001050317544
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.