Flutter增长与海涛功能集成插件flutter_pangrowth_haitao的使用
Flutter增长与海涛功能集成插件flutter_pangrowth_haitao
的使用
字节跳动内容合作 Flutter版本
简介
flutter_pangrowth
是一个可以帮助开发者直接引入穿山甲内容合作,为自己App无侵入快速引入小说、视频内容的插件。
体验demo
说明
使用 flutter_pangrowth
插件时,必须先接入穿山甲广告插件 flutter_unionad,否则无法显示广告。
接入文档 (插件升级必须对照以下文档变动,以防不必要错误)
本地环境
[✓] Flutter (Channel stable, 3.0.4, on macOS 12.5 21G72 darwin-x64, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2022.1.1)
[✓] VS Code (version 1.69.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability
原生SDK版本
-
Android
2.7.0.5 -
iOS
2.7.0.0(短视频静态库)
集成步骤
1. pubspec.yaml
dependencies:
flutter_pangrowth: ^1.0.6
// 该版本必须指定广告插件版本,不然会出现兼容问题
flutter_unionad: 1.3.8
2. 引入
import 'package:flutter_pangrowth/flutter_pangrowth.dart';
使用
小说使用文档
短视频使用文档
完整示例代码
以下是一个完整的示例代码,展示如何在Flutter中集成flutter_pangrowth
插件并运行小说和短视频功能。
示例代码:example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:flutter_pangrowth_example/novel/novel_page.dart'; // 引入小说页面
import 'video/video_page.dart'; // 引入短视频页面
void main() {
runApp(MyApp()); // 启动应用
}
class MyApp extends StatelessWidget {
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(), // 设置主页为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('穿山甲内容合作插件'), // 设置AppBar标题
),
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(); // 跳转到短视频页面
},
),
);
},
),
],
),
),
);
}
}
更多关于Flutter增长与海涛功能集成插件flutter_pangrowth_haitao的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html
更多关于Flutter增长与海涛功能集成插件flutter_pangrowth_haitao的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
flutter_pangrowth_haitao
是一个 Flutter 插件,用于集成海涛功能(Pangrowth Haitao)到 Flutter 应用中。海涛功能通常用于电商类应用,提供商品推荐、购物车、订单管理等功能。以下是如何在 Flutter 项目中使用 flutter_pangrowth_haitao
插件的步骤:
1. 添加依赖
首先,在 pubspec.yaml
文件中添加 flutter_pangrowth_haitao
插件的依赖:
dependencies:
flutter:
sdk: flutter
flutter_pangrowth_haitao: ^版本号
请将 ^版本号
替换为最新的插件版本号。你可以在 pub.dev 上查找最新的版本。
2. 安装依赖
在终端中运行以下命令来安装依赖:
flutter pub get
3. 初始化插件
在 main.dart
文件中初始化 flutter_pangrowth_haitao
插件。通常,你需要在应用启动时进行初始化:
import 'package:flutter/material.dart';
import 'package:flutter_pangrowth_haitao/flutter_pangrowth_haitao.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
// 初始化海涛插件
await FlutterPangrowthHaitao.init(
appId: '你的AppId',
appKey: '你的AppKey',
);
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
4. 使用海涛功能
在应用中使用 flutter_pangrowth_haitao
提供的功能。例如,展示商品推荐页面:
import 'package:flutter/material.dart';
import 'package:flutter_pangrowth_haitao/flutter_pangrowth_haitao.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('海涛功能示例'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
// 打开商品推荐页面
FlutterPangrowthHaitao.showProductRecommendation();
},
child: Text('打开商品推荐'),
),
),
);
}
}
5. 处理回调
某些功能可能需要处理回调,例如用户点击商品后的操作。你可以通过监听回调来处理这些事件:
FlutterPangrowthHaitao.setProductClickCallback((productId) {
print('用户点击了商品: $productId');
// 处理商品点击事件
});
6. 其他功能
flutter_pangrowth_haitao
插件可能还提供了其他功能,例如购物车管理、订单查询等。你可以根据插件的文档来使用这些功能。
7. 运行应用
完成上述步骤后,运行你的 Flutter 应用:
flutter run