Description:

sticky notes

STICKY_NOTES
Features #
Widget that puts its child in Sticky Note that can be moved in borders of its parent.
Running Example code:

Getting started #
Add package to your project.
Create and place StickyNotes objects inside Stack Widget. Bounds of that Stack are bounds of Sticky Notes.
Usage #
Retruns draggable (inside parent Container) sticky note. Long press shows menu with default edit, color change and delete options. Single Tap makes note bigger and provides InteractiveViewer to its child (enables zooming and panning).
@override
Widget build(BuildContext context) {
String testNote = 'First test note';
TextEditingController noteTextController = TextEditingController();
return Scaffold(
body: Center(
child: Container(
color: Colors.green,
height: 500,
width: 300,
child: Stack(
children: [
StickyNote(
width: 100,
height: 100,
colorsEdit: const [
Colors.green,
Colors.yellow,
Colors.orange,
Colors.cyan
],
onEdit: () async {
notesTextController.text = testNote;
await showDialog(
context: context,
builder: ((context) {
return AlertDialog(
title: const Text('Your note'),
icon: const Icon(Icons.note),
content: TextField(
controller: noteTextController,
),
);
}));
setState(() {
testNote = noteTextController.text;
});
},
child: Center(
child: Text(
testNote,
style: const TextStyle(
fontSize: 12,
color: Colors.black,
),
textAlign: TextAlign.center,
),
),
),
]),
),
),
);
}
copied to clipboard
Additional information #
It is my first package so any feedback is appreciated. It is first version, updates coming soon.
Contact: jamroz.michal7@gmail.com

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter