Story creator
Better version of Whatsapp Story Editor
Flutter package to create and edit stories like Whatsapp, Facebook, Instagram and Snapchat.
Features
xAdd image from galleryAdd image from camera(Soon)xAdd textxAdd emojisxAdd stickersxPaint on imagexCrop imagexRotate imagexScale text,stickers and emojisxMove stickers,emojis and textxChange text colorChange text font(Soon)Change text size(Soon)
How to Use
To use story_creator_plus, follow the following steps:
Step1: Adding plugin dependency
add the plugin to your pubspec.yaml file:
story_creator_plus: [latest_version]
Step2: Importing the package.
import the plugin in your_file.dart
import 'package:story_creator_plus/story_creator.dart';
Navigator.push(
context,
MaterialPageRoute(builder: (context) => const StoryCreator()),
);
this opens the image_picker which picks story image
this returns an Object containing the edited photo and caption as Future
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const StoryCreator()),
).then((result) {
if (result != null) {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => SavedImageView(
image: result.image,
caption: result.caption,
)),
);
}
});
);
Note that the result could be null if the user doesn't makes any edit on the photo and leaves. SavedImageView is the page where you could show the edited photo and caption. You may change as you need it to be.
Example
Please refer to the example file for detailed usage and example here
Example Images:
Credits
Whatsapp_story_editor is Created by Javeria Iffat Edited and modified by Ritom Ghosh
TODOS
There are some major bugs while scaling, so they need to be fixed The ui needs more changes, so it doesn't look like just a copy of whatsapp Find a way to make it use less ram and make it faster.
Contributions
Contributions are welcome and appreciated. Open an issue first if you want to make major changes.
THANK YOU!