Builderoo - Building better software
Builderoo is a Flutter package that allows users to submit feedback, issues and feature requests directly from your Flutter app
How it works
-
Visit the Builderoo console and create an account then create a new project.
-
Take a note of your
project id
andsubscription id
which are located on the projects page. -
Download the plugin from pub.dev and simply wrap the widget around your home page. It's that simple
-
Use the console to review and act on important user feedback. Priortise and respond to your customers needs.
Features
Easy to Setup
It only takes a few lines of code to integrate Builderoo into any Flutter app, You'll be collecting valuable feedback in no time.
Multi platform
Because Builderoo is built on Flutter it runs on mobile, web and desktop applications. The plugin is configured solely in Dart so there's no need for native code.
Easy to use
Feedback is collected in a central database which you can access and manage through an easy-to-use web console.
Examples
- Install the
Builderoo
package from pub.dev as such
flutter pub add Builderoo
- Import the package in your app:
import 'package:builderoo/builderoo.dart';
-
In your
main.dart
widget update thebuild
function by wrapping theBuilderoo
widget around yourMaterialApp
widget. -
Update the
projectId
property with your project Id which can be found in the console.
To obtain a project id first register with the builderoo service by visiting https://www.builderoo.io and clicking the Register link and creating a new account. Once you have registered create a new project by selecting the New Project option in the side menu.
- Update the
subscriptionId
property with your subscription Id which can be found in the console.
To obtain a subscription id first register with the builderoo service by visiting https://www.builderoo.io and clicking the Register link and creating a new account. Once you have registered create a new project by selecting the New Project option in the side menu. A subscription Id will be created and displayed on the main projects list screen.
Code sample
import 'package:builderoo/builderoo.dart';
Widget build(BuildContext context) {
return Builderoo(
projectId: "<your project Id>",
subscriptionId: "<your subscription id>",
child: MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
routes: {
MyHomePage.routeName: (ctx) => const MyHomePage(
title: "Home",
),
},
home: const MyHomePage(title: 'Flutter Demo Home Page'),
),
);
}
}
How do I show the feedback widget?
To show the feedback widget simply execute the show()
function anywhere in your code:
Builderoo.of(context).show();
Example
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
Builderoo.of(context).show();
},
tooltip: 'Increment',
child: const Icon(Icons.add),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
How do I hide the widget
To hide the fedback widget simply execute the hide()
function anywhere in your code.
Builderoo.of(context).hide();
Customising Colors
To customise the background and feedback sheet color update the theme
property with a FeedbackThemeData
object as below:
Builderoo(
child: const MyApp(),
theme: FeedbackThemeData(
background: Colors.grey,
feedbackSheetColor: Colors.grey[50]!
),
),
);
Where do I go to raise bugs and ask questions
If you find a bug please raise an issue on our GitHub site here Issues Page
Where can I find more information?
Visit https://www.builderoo.io for more information.