fastboard_flutter

Description:

fastboard flutter

Agora Fastboard #


Agora Fastboard SDK is the latest generation of the whiteboard SDK launched by Agora to help
developers quickly build whiteboard applications. It simplifies the APIs of the Whiteboard SDK and
adds UI implementations. These improvements enable you to join a room with just a few lines of code
and instantly experience real-time interactive collaboration using a variety of rich editing tools.
It is pinned on the following features

Low-cost
Scenario-based
Configurable

Prerequisites #

A valid Agora account
An Agora project with the Interactive Whiteboard enabled. Get the app identifier and SDK token
from the Agora Console.
See Enable and configure Interactive Whiteboard

Getting started #
In your flutter project add the dependency:
dependencies:
fastboard_flutter: ^0.1.2
copied to clipboard
Usage #
clone this repository and run example. main samples locate
at quick_start and custom_layout
FastRoomView #
See the example directory for a minimal example of how to use FastRoomView.
embed FastRoomView to your app.
@override
Widget build(BuildContext context) {
return FastRoomView(
fastRoomOptions: FastRoomOptions(
appId: APP_ID,
uuid: ROOM_UUID,
token: ROOM_TOKEN,
uid: UNIQUE_CLIENT_ID,
writable: true,
fastRegion: FastRegion.cn_hz,
),
);
}
copied to clipboard
DarkMode #
Fastboard has a built-in set of dark mode configuration, you can switch between dark mode and light
mode by configuring FastRoomView.useDarkTheme.
@override
Widget build(BuildContext context) {
return FastRoomView(
fastRoomOptions: FastRoomOptions(
appId: APP_ID,
uuid: ROOM_UUID,
token: ROOM_TOKEN,
uid: UNIQUE_CLIENT_ID,
writable: true,
fastRegion: FastRegion.cn_hz,
),
useDarkTheme = true,
);
}
copied to clipboard
Also you can config FastRoomView.theme, FastRoomView.darkTheme to change colors of built-in
Widgets.
@override
Widget build(BuildContext context) {
return FastRoomView(
fastRoomOptions: FastRoomOptions(
appId: APP_ID,
uuid: ROOM_UUID,
token: ROOM_TOKEN,
uid: UNIQUE_CLIENT_ID,
writable: true,
fastRegion: FastRegion.cn_hz,
),
theme: FastThemeData.light().copyWith(mainColor: Color(0xFF00BCD4)),
darkTheme: FastThemeData.dark().copyWith(mainColor: Color(0xFF0097A7)),
useDarkTheme = true,
);
}
copied to clipboard
RoomControllerWidgetBuilder #
Hide and show built-in widgets, or customize widget use FastRoomView.builder.
see custom_layout for more info.
@override
Widget build(BuildContext context) {
return FastRoomView(
fastRoomOptions: FastRoomOptions(
appId: APP_ID,
uuid: ROOM_UUID,
token: ROOM_TOKEN,
uid: UNIQUE_CLIENT_ID,
writable: true,
fastRegion: FastRegion.cn_hz,
),
builder: customBuilder,
);
}

Widget customBuilder(BuildContext context, FastRoomController controller) {
return Stack(
alignment: Alignment.center,
children: [
FastOverlayHandlerView(controller),
Positioned(
child: FastPageIndicator(controller),
bottom: FastGap.gap_3,
right: FastGap.gap_3,
),
FastToolBoxExpand(controller),
FastStateHandlerView(controller),
],
);
}
copied to clipboard
ToolBox Items #
You can configure ToolBox appliances by FastUiSettings.toolboxItems.
void main() {
FastUiSettings.toolboxItems = [
ToolboxItem(appliances: [FastAppliance.clicker]),
ToolboxItem(appliances: [FastAppliance.selector]),
ToolboxItem(appliances: [FastAppliance.pencil]),
ToolboxItem(appliances: [FastAppliance.eraser]),
ToolboxItem(appliances: [
FastAppliance.rectangle,
FastAppliance.ellipse,
FastAppliance.straight,
FastAppliance.arrow,
FastAppliance.pentagram,
FastAppliance.rhombus,
FastAppliance.triangle,
FastAppliance.balloon,
]),

/// remove FastAppliance.clear
/// ToolboxItem(appliances: [FastAppliance.clear]),
];
runApp(const MyApp());
}
copied to clipboard