Skip to content

A package for creating instagram like story, you can use this package to edit images and make it story ready by adding other contents over it like text and gradients.

License

Notifications You must be signed in to change notification settings

NarekManukyan/story_maker

Repository files navigation

story_maker License: MIT

A package for creating instagram like story, you can use this package to edit images and make it story ready by adding other contents over it like text and gradients.

GIF 1 GIF 2

Getting Started

Add this to your package's pubspec.yaml file:

dependencies:
  story_maker: ^1.0.5

Example

import 'package:story_maker/story_maker.dart';

class _MyAppState extends State<MyApp> {
  File? image;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Story Designer Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () async {
                await [
                  Permission.photos,
                  Permission.storage,
                ].request();
                final picker = ImagePicker();
                await picker
                    .pickImage(source: ImageSource.gallery)
                    .then((file) async {
                  final File editedFile = await Navigator.of(context).push(
                    MaterialPageRoute(
                      builder: (context) => StoryMaker(
                        filePath: file!.path,
                      ),
                    ),
                  );
                  setState(() {
                    image = editedFile;
                  });
                  print('editedFile: ${image!.path}');
                });
              },
              child: const Text('Pick Image'),
            ),
            if (image != null)
              Expanded(
                child: Image.file(image!),
              ),
          ],
        ),
      ),
    );
  }
}

Available for use now

  • Image scaling
  • Rotate the image
  • Adding text to an image
  • Choosing text size, font family, and color
  • Selecting gradients for text background
  • Selecting gradients for the background of the image

To be added

  • Customize text font list
  • Customize the list of text colors
  • Customize gradient color list
  • Adding stickers
  • Adding color filters
  • Animations for text
  • Export GIF

"Buy Me A Coffee"

About

A package for creating instagram like story, you can use this package to edit images and make it story ready by adding other contents over it like text and gradients.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages