Flutter增长与海涛功能集成插件flutter_pangrowth_haitao的使用

Flutter增长与海涛功能集成插件flutter_pangrowth_haitao的使用

字节跳动内容合作 Flutter版本

pub package pub likes pub points GitHub last commit GitHub stars


简介

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版本

  1. Android
    2.7.0.5

  2. 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

1 回复

更多关于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
回到顶部