Flutter构建自动化插件builderoo的使用

Flutter构建自动化插件builderoo的使用

Builderoo 是一个 Flutter 包，允许用户直接从您的 Flutter 应用程序提交反馈、问题和功能请求。

如何使用

1. 访问 Builderoo 控制台，创建一个账户并创建一个新的项目。

2. 记下你的 项目ID 和 订阅ID，它们位于项目的页面上。

3. 从 pub.dev 下载插件，并将其简单地包裹在您的主页周围。就是这样！

4. 使用控制台来查看和处理重要的用户反馈。优先考虑并响应客户的需求。

特性

易于设置

只需几行代码即可将 Builderoo 集成到任何 Flutter 应用程序中，您很快就能收集到宝贵的反馈。

多平台

由于 Builderoo 基于 Flutter 构建，因此它可以在移动设备、Web 和桌面应用程序上运行。插件仅通过 Dart 进行配置，因此无需编写原生代码。

简单易用

反馈被收集在一个中央数据库中，您可以访问并通过一个易于使用的 Web 控制台进行管理。

示例

1. 从 pub.dev 安装 Builderoo 包：

flutter pub add Builderoo

1. 在您的应用中导入该包：

import 'package:builderoo/builderoo.dart';

1. 在您的 main.dart 小部件中更新 build 函数，通过将 Builderoo 小部件包裹在您的 MaterialApp 小部件周围。

2. 更新 projectId 属性，使用您在控制台中找到的项目 ID。

要获得项目 ID，请首先访问 https://www.builderoo.io 并点击注册链接，创建一个新账户。注册后，在侧边菜单中选择“新建项目”选项。

1. 更新 subscriptionId 属性，使用您在控制台中找到的订阅 ID。

要获得订阅 ID，请首先访问 https://www.builderoo.io 并点击注册链接，创建一个新账户。注册后，在侧边菜单中选择“新建项目”选项。订阅 ID 将在主要项目列表屏幕中创建并显示。

代码示例

import 'package:builderoo/builderoo.dart';

Widget build(BuildContext context) {
  return Builderoo(
    projectId: "<您的项目ID>",
    subscriptionId: "<您的订阅ID>",
    child: MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      routes: {
        MyHomePage.routeName: (ctx) => const MyHomePage(
              title: "Home",
            ),
        MyHomePage2.routeName: (ctx) => const MyHomePage2(
              title: "Home2",
            ),
      },
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    ),
  );
}

如何显示反馈小部件？

要显示反馈小部件，只需在代码中的任何位置执行 show() 函数：

Builderoo.of(context).show();

示例：

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          const Text(
            '您已经按下了按钮这么多次：',
          ),
          Text(
            '$_counter',
            style: Theme.of(context).textTheme.headline4,
          ),
        ],
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        Builderoo.of(context).show();
      },
      tooltip: '增加',
      child: const Icon(Icons.add),
    ), // 这个尾随逗号使构建方法的自动格式化更美观。
  );
}

如何隐藏小部件？

要隐藏反馈小部件，只需在代码中的任何位置执行 hide() 函数：

Builderoo.of(context).hide();

自定义颜色

要自定义背景和反馈表单的颜色，请使用 FeedbackThemeData 对象更新 theme 属性：

Builderoo(
  child: const MyApp(),
  theme: FeedbackThemeData(
    background: Colors.grey,
    feedbackSheetColor: Colors.grey[50]!,
  ),
);