\u4f7f\u7528 signature \u7b2c\u4e09\u65b9\u5e93\u5b8c\u6210 flutter \u7684\u7535\u5b50\u7b7e\u540d, \u5728 flutter3.0 \u4e2d\u9a8c\u8bc1\u4f7f\u7528\u6b63\u5e38<\/p>\n\n\n\n
signature: ^5.3.2<\/code><\/pre>\n\n\n\n\u4f7f\u7528<\/h2>\n\n\n\n
\u5c01\u88c5\u4e86 signature \u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\u7684\u5730\u65b9\u8c03\u7528 MySigature(onClone(){get.back();})<\/p>\n\n\n\n
import 'dart:developer';
import 'package:flutter\/material.dart';
import \"package:get\/get.dart\";
import \"dart:convert\";
\u200b
import 'package:signature\/signature.dart';
import 'dart:typed_data';
import '..\/controllers\/global_controller.dart';
\u200b
class MySigature extends StatefulWidget {
void Function() onClone; \/\/ \u7528\u4e8e\u5173\u95ed\u5f39\u7a97
MySigature({super.key,required this.onClone});
\u200b
@override
State<MySigature> createState() => _MySigatureState();
}
\u200b
class _MySigatureState extends State<MySigature> {
GlobalController globalController = Get.find();
\/\/ \u5b9e\u4f8b\u5316\u7b7e\u540d\u51fd\u6570
final SignatureController _controller = SignatureController(
penStrokeWidth: 2,
penColor: Colors.black,
exportBackgroundColor: Colors.white,
exportPenColor: Colors.black,
onDrawStart: () => log('onDrawStart called!'),
onDrawEnd: () => log('onDrawEnd called!'),
);
\u200b
@override
void initState() {
super.initState();
_controller.addListener(() => log('Value changed'));
}
@override
void dispose() {
\/\/ IMPORTANT to dispose of the controller
_controller.dispose();
super.dispose();
}
Future<void> exportImage(BuildContext context) async {
if (_controller.isEmpty) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
key: Key('snackbarPNG'),
content: Text('\u8bf7\u7b7e\u5b57\u540e\u4fdd\u5b58'),
),
);
return;
}
final Uint8List? data = await _controller.toPngBytes(height: 500, width: 500);
final String dataStr = base64Encode(data!);
\/\/ \u5c06\u626b\u7801\u7ed3\u679c\u5b58\u653e\u5728 \u5168\u5c40\u6570\u636econtroller\u4e2d\uff0c\u8be5\u53c2\u6570\u662f Uint8List \u9700\u8981\u8f6c\u6362\u6210\u5b57\u7b26\u4e32\u7c7b\u578b\u7136\u540e\u5728\u5b58\u653e\u5168\u5c40\u7684controller
globalController.mockUphold[0][\"userSign\"] = dataStr;
widget.onClone();
setState(() => _controller.clear());
\/\/ print(\"\u6570\u636e\u54cd\u5e94\u4e2d\u7684\u7b7e\u540d\u5b58\u50a8 ${globalController.mockUphold[0]}\",);
\u200b
\/\/ final Uint8List decodedData = base64Decode(dataStr);
\/\/ print(\"\u9006\u89e3\u6790 ${decodedData}\");
}
\u200b
@override
Widget build(BuildContext context) {
return Column(
children: [
Signature(
key: const Key('signature'),
controller: _controller,
height: 300,
backgroundColor: Colors.grey[300]!,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
IconButton(
icon: const Icon(Icons.undo),
color: Colors.blue,
onPressed: () {
setState(() => _controller.undo());
},
tooltip: 'Undo',
),
IconButton(
icon: const Icon(Icons.redo),
color: Colors.blue,
onPressed: () {
setState(() => _controller.redo());
},
tooltip: 'Redo',
),
\/\/CLEAR CANVAS
ElevatedButton(
key: const Key('clear'),
onPressed: () {
setState(() => _controller.clear());
},
child: const Text('\u6e05\u7a7a'),
),
ElevatedButton(
key: const Key('exportPNG'),
onPressed: (){
exportImage(context);
} ,
child:const Text('\u4fdd\u5b58\u56fe\u7247'),
),
],
)
],
);
}
}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\u4f7f\u7528 signature \u7b2c\u4e09\u65b9\u5e93\u5b8c\u6210 flutter \u7684\u7535\u5b50\u7b7e\u540d, \u5728 flutter3.0 \u4e2d\u9a8c\u8bc1\u4f7f\u7528\u6b63\u5e38 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63],"tags":[],"class_list":["post-661","post","type-post","status-publish","format-standard","hentry","category-flutter"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=661"}],"version-history":[{"count":1,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/661\/revisions"}],"predecessor-version":[{"id":662,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/661\/revisions\/662"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}