Tutorial to Build Your Own Image Editor App, Package using Flutter & Dart without using any plugin!
Source Code: github.com/RivaanRanawat/flut...
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_h...
Image Gallery Saver Plugin: pub.dev/packages/image_galler...
Connect with me Here:
Instagram: / optimalcoding
GitHub: github.com/rivaanranawat
Linkedin: / rivaan-ranawat
Facebook: / rivaan.ranawat
Mail: namanrivaan@gmail.com
Medium: / namanrivaan
#flutter #dart #image #editor
31 июл 2024