Tutorial to Build Your Own Image Editor App, Package using Flutter & Dart without using any plugin!
Source Code: github.com/RivaanRanawat/flutter-image-editor
Features:
Pick Image
Add Text
Bold Text
Italic Text
Add New Line
Align Text Left, Right & Center
Change Colour
Increase Font Size
Decrease Font Size
Time Stamps:
(00:00:00) Demo
(00:04:31) Prerequisites
(00:04:46) Setting Up The Project
(00:08:04) Picking Image from Gallery
(00:14:31) Adding New Text UI
(00:25:00) Adding New Text Logic
(00:40:34) Creating an AppBar
(00:48:32) Selecting Text
(00:50:58) Changing Text Colour
(00:53:47) Increasing Font Size
(00:55:09) Decreasing Font Size
(00:55:40) Aligning Texts
(00:57:14) Bolding Text
(00:58:28) Italic Text
(00:59:37) Adding Lines for Text
(01:02:36) Deleting Text
(01:04:46) Saving Image to Gallery
(01:17:36) Conclusion
Links:
Image Picker Plugin: pub.dev/packages/image_picker
Screenshot Plugin: pub.dev/packages/screenshot
Permission Handler Plugin: pub.dev/packages/permission_handler
Image Gallery Saver Plugin: pub.dev/packages/image_gallery_saver
Connect with me Here:
Instagram: instagram.com/optimalcoding
GitHub: github.com/rivaanranawat
Linkedin: www.linkedin.com/in/rivaan-ranawat/
Facebook: www.facebook.com/rivaan.ranawat/
Mail: namanrivaan@gmail.com
Medium: namanrivaan.medium.com/
#flutter #dart #image #editor
コメント