story_maker 1.0.5

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.

story_maker

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.

Getting Started

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

dependencies:
  story_maker: ^1.0.5

copied to clipboard

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!),
              ),
          ],
        ),
      ),
    );
  }
}

copied to clipboard

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