story_maker

Description:

story maker

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