flutter pub add whiteboardkit根據套件公開資料產生的選型評估，僅供參考。
WhiteboardKit 是一個 Flutter 套件，提供完整功能的白板實作，並配備直覺的繪圖工具箱。它讓使用者能夠使用可自訂的工具（如筆、標記筆和橡皮擦）在畫布上繪圖、擦除與註解。設計簡潔且效能優異，支援觸控輸入，並能順暢整合至需要即時草圖或協作註解的應用程式中。適用於教育、設計或筆記類應用，可在各種裝置上提供流暢且反應迅速的繪圖體驗。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A Flutter whiteboard widget with so much extendability and flexibility to be used with no need to rewrite your own whiteboard. Enjoy !
live demo: https://abdulaziz-mohammed.github.io/whiteboardkit
import whiteboardkit.dart
import 'package:whiteboardkit/whiteboardkit.dart';
Define DrawingController and listen to change event:
DrawingController controller;
@override
void initState() {
controller = new DrawingController();
controller.onChange().listen((draw){
//do something with it
});
super.initState();
}
Place your Whiteboard inside a constrained widget ie. Container,Expanded etc
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
child: Whiteboard(
controller: controller,
),
),
],
),
),
);
}
Define PlaybackController and supply it with a WhiteboardDraw object:
PlaybackController controller;
@override
void initState() {
var draw = WhiteboardDraw.fromWhiteboardSVG("<svg...");
controller = new PlaybackController(draw);
super.initState();
}
Place your Whiteboard inside a constrained widget ie. Container,Expanded etc
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
child: Whiteboard(
controller: controller,
),
),
],
),
),
);
}
Define SketchStreamController:
PlayerController controller;
@override
void initState() {
controller = new SketchStreamController();
super.initState();
}
Place your Whiteboard inside a constrained widget ie. Container,Expanded etc
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
child: Whiteboard(
controller: controller,
),
),
],
),
),
);
}
Later, supply it with DrawChunk when recived from DrawingController:
controller.addChunk(chunk);
You'l need to enable chunks producing in DrawingController then start listening to new chunks:
controller = new DrawingController(enableChunk: true);
_chunkSubscription = controller.onChunk().listen((chunk) {
}
DrawChunk supports:
chunk.toJson()DrawChunk.fromJson("...")
WhiteboardDraw class:Map<String, dynamic> toJson()WhiteboardDraw.fromJson(Map<String, dynamic> json)string getSVG():依賴清單 5 項
^2.4.1^8.4.0^3.0.1^2.2.0^3.3.1暫無相關資料。