story_creator_plus 0.1.2 copy "story_creator_plus: ^0.1.2" to clipboard
story_creator_plus: ^0.1.2 copied to clipboard

A Flutter package to create stories like whatsapp, facebook, instagram.

Story creator #

Better version of Whatsapp Story Editor #

pub package

Flutter package to create and edit stories like Whatsapp, Facebook, Instagram and Snapchat. #

Features #

  • Add image from gallery
  • Add image from camera(Soon)
  • Add text
  • Add emojis
  • Add stickers
  • Paint on image
  • Crop image
  • Rotate image
  • Scale text,stickers and emojis
  • Move stickers,emojis and text
  • Change text color
  • Change 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!