简介
随着移动互联网的发展，移动端应用的开发越来越受到重视，并呈现出快速发展的趋势。而在这种趋势下，React Native 技术得到了越来越广泛的应用。而 npm 包 react-native-growingio 就是一个在 React Native 中使用 GrowingIO 打点的插件，本文将介绍该插件的使用方法。
安装
使用 npm 安装 react-native-growingio，依赖于 @react-native-community/cli，安装方式如下：
npm install react-native-growingio --save npm install @react-native-community/cli --save-dev
配置
配置需要手动完成。使用 iOS 和 Android 的 React Native 项目请按照以下说明进行操作：
iOS 配置
- 在 Info.plist 中设置 AppKey：
<key>GrowingIOAppKey</key> <string>YOUR_APP_ID</string>
- 配置 Build Phases -> Link Binary With Libraries -> 进入编译项 Finder 中添加
libGrowingTouchKit.a：
- 添加
-ObjC、-lc++、-licucore等三个编译选项：
- 在 AppDelegate.m 中添加引用：
#import <GrowingIO/Growing.h>
- 在 didFinishLaunchingWithOptions 中初始化：
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[Growing startWithAccountId:@"你的帐号" launchOptions:launchOptions];
//...
return YES;
}Android 配置
- 在 AndroidManifest.xml 文件中添加 MetaData：
<meta-data
android:name="GROWINGIO_APP_ID"
android:value="你的应用ID" />
<meta-data
android:name="GROWINGIO_APP_KEY"
android:value="你的应用Key" />- 添加 implementation 依赖项：
dependencies {
implementation 'com.growingio.android:vds-base:3.0.0'
}- 在 Application 中初始化：
-- -------------------- ---- -------
------ ----- --------------- ------- ----------- ---------- ---------------- -
------- ----- --------------- ---------------- -
--- --------------------- -
---------
------ ------- ------------------------ -
------ ------------------
-
---------
--------- ------------------ ------------- -
---------------------------------------------
------------------ -------- - --- --------------------------------
-- ---------------- ----------------------- -- ------------
------ ---------
-
---------
--------- ------ --------------------- -
------ --------
-
---------
--------- -------------------- ---------------------------- -
-------------------- --------------- - -----------------------------------
---------------------------------------------------
------ ----------------
-
--
---------
------ --------------- -------------------- -
------ -----------------
-
-使用
在 React Native 项目中使用 GrowingIO 打点十分简单，代码示例如下：
-- -------------------- ---- ------- ------ --------- ---- ------------------------- ------------------------------ - --------------- ------------------ --------------- ------------------ --- ---------------------------------- ------------------------------- ---------- ------------------------- ---- ------ ------
track 用于添加事件，第一个参数是事件 ID，第二个参数是事件属性值。
setUserId 用于设置用户 ID，setVisitor 用于设置访问者信息，setEvar 用于设置 Evar 属性值。
总结
通过本文的介绍，大家已经学习到了 npm 包 react-native-growingio 的使用方法，了解了如何在 iOS 和 Android 项目中进行配置，以及具体的使用方法。希望对大家的学习和开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664081e8991b448e24a9