Flutter增长工具插件flutter_pangrowth的使用
Flutter增长工具插件flutter_pangrowth的使用
简介
flutter_pangrowth
是一个可以帮助开发者直接引入穿山甲内容输出,为自己app无侵入快速引入小说、视频内容的插件。
说明
使用 flutter_pangrowth
插件,必须先接入穿山甲广告插件 flutter_unionad
, 否则将无法显示广告。
接入文档
本地环境
[✓] Flutter (Channel stable, 3.10.6, on macOS 13.5 22G74 darwin-x64, locale
zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.2)
[✓] VS Code (version 1.80.2)
[✓] Connected device (4 available)
[✓] Network resources
原生SDK版本
1. android
2. ios
集成步骤
1. pubspec.yaml
在 pubspec.yaml
文件中添加依赖:
dependencies:
flutter_pangrowth: ^1.0.9
flutter_unionad: 1.3.27
2. 引入
在 Dart 文件中引入插件:
import 'package:flutter_pangrowth/flutter_pangrowth.dart';
使用文档
短视频使用文档
短剧使用文档
插件链接
插件 | 地址 |
---|---|
字节-穿山甲广告插件 | flutter_unionad |
腾讯-优量汇广告插件 | flutter_tencentad |
百度-百青藤广告插件 | baiduad |
字节-Gromore聚合广告 | gromore |
Sigmob广告 | sigmobad |
聚合广告插件(迁移至GTAds) | flutter_universalad |
GTAds聚合广告 | GTAds |
字节穿山甲内容输出插件 | flutter_pangrowth |
文档预览插件 | file_preview |
滤镜 | gpu_image |
开源不易,觉得有用的话可以请作者喝杯奶茶🧋
联系方式
- Email: gstory0404@gmail.com
- Blog: https://www.gstory.cn/
完整示例 Demo
以下是完整的示例代码,展示如何在 Flutter 应用中集成 flutter_pangrowth
插件并调用不同功能(小说、视频、短剧)。
import 'package:flutter/material.dart';
import 'package:flutter_pangrowth_example/novel/novel_page.dart';
import 'package:flutter_pangrowth_example/playlet/playlet_page.dart';
import 'package:flutter_pangrowth_example/video/video_page.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
[@override](/user/override)
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
[@override](/user/override)
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('穿山甲内容输出插件'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// 小说
MaterialButton(
color: Colors.blue,
textColor: Colors.white,
child: const Text('小说'),
onPressed: () async {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) {
return const NovelPage();
},
),
);
},
),
// 视频
MaterialButton(
color: Colors.blue,
textColor: Colors.white,
child: const Text('视频'),
onPressed: () async {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) {
return const VideoPage();
},
),
);
},
),
// 短剧
MaterialButton(
color: Colors.blue,
textColor: Colors.white,
child: const Text('短剧'),
onPressed: () async {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) {
return const PlayletPage();
},
),
);
},
),
],
),
),
);
}
}
更多关于Flutter增长工具插件flutter_pangrowth的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html
更多关于Flutter增长工具插件flutter_pangrowth的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
当然,下面是一个关于如何使用 flutter_pangrowth
插件的基本示例代码。这个插件通常用于集成字节跳动(ByteDance)的增长工具(Pangrowth),以便在 Flutter 应用中实现用户增长相关的功能,如事件追踪、渠道统计等。
首先,确保你已经在 pubspec.yaml
文件中添加了 flutter_pangrowth
依赖:
dependencies:
flutter:
sdk: flutter
flutter_pangrowth: ^最新版本号 # 请替换为实际发布的最新版本号
然后,运行 flutter pub get
来获取依赖。
接下来,在你的 Flutter 应用中实现初始化和使用 flutter_pangrowth
的代码。
1. 初始化插件
在你的主应用文件(通常是 main.dart
)中,初始化 flutter_pangrowth
插件。
import 'package:flutter/material.dart';
import 'package:flutter_pangrowth/flutter_pangrowth.dart';
void main() {
// 初始化 Pangrowth 插件
Pangrowth.instance.init(
appId: '你的AppID', // 替换为你的实际AppID
channel: '你的渠道标识', // 可选,替换为你的渠道标识
);
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter Pangrowth Demo'),
),
body: Center(
child: ElevatedButton(
onPressed: _trackEvent,
child: Text('Track Event'),
),
),
);
}
void _trackEvent() {
// 追踪自定义事件
Pangrowth.instance.trackEvent(
eventName: 'custom_event', // 事件名称
eventAttributes: {
'key1': 'value1', // 事件属性
'key2': 'value2',
},
);
}
}
2. 使用插件追踪事件
在上面的示例中,我们创建了一个简单的 Flutter 应用,并在点击按钮时追踪一个自定义事件。你可以根据需要替换事件名称和属性。
3. 其他功能
flutter_pangrowth
插件还支持其他功能,如页面浏览追踪、启动追踪等。你可以参考插件的官方文档或源代码以了解更多高级用法。
注意事项
- 确保你已经在字节跳动开发者平台上创建了应用,并获取了正确的
appId
。 - 根据你的需求配置渠道标识。
- 在实际发布应用前,请仔细测试插件的功能,确保数据能够正确上传和统计。
这个示例代码展示了如何在 Flutter 应用中集成和使用 flutter_pangrowth
插件进行基本的事件追踪。你可以根据实际需求扩展和定制功能。