Zeba Academy Image Tools

A Flutter image utilities package for building beautiful image experiences.

โœจ About

Zeba Academy Image Tools is a Flutter package that provides reusable image utility widgets.

It helps developers easily add modern image features into Flutter applications.

Features Included

  • Image preview widgets
  • Zoom image viewer
  • Crop UI
  • Image placeholders
  • Loading states
  • Error handling

๐Ÿš€ Features

๐Ÿ–ผ๏ธ Image Preview

Display network images with a clean UI.

Features:

  • Rounded corners
  • Custom width and height
  • BoxFit support
  • Loading indicator
  • Error fallback

Example:

ZebaImagePreview(
  imageUrl: "https://picsum.photos/500",
)

๐Ÿ” Zoom Viewer

Interactive full-screen image viewer.

Features:

  • Pinch zoom
  • Double tap zoom
  • Smooth image navigation

Example:

Navigator.push(
 context,
 MaterialPageRoute(
  builder: (_) =>
  ZebaImageZoomViewer(
   imageUrl:
   "https://picsum.photos/500",
  ),
 ),
);

โœ‚๏ธ Crop UI

Crop images easily inside Flutter apps.

Features:

  • Android support
  • iOS support
  • Custom crop screen

Example:

ZebaImageCropView(
 image: file,
)

๐Ÿ–ผ๏ธ Placeholder Widget

Show beautiful placeholders when an image is missing.

Example:

ZebaImagePlaceholder()

๐Ÿ“ฆ Installation

Add dependency:

dependencies:

  zeba_academy_image_tools:
    latest

Run:

flutter pub get

โšก Usage

Import:

import 'package:zeba_academy_image_tools/
zeba_academy_image_tools.dart';

Example:

Column(

 children: [

  ZebaImagePreview(
   imageUrl:
   "https://picsum.photos/500",
  ),


  ZebaImagePlaceholder(),


 ]

)

๐Ÿ› ๏ธ Requirements

Requirement Version
Flutter >=3.0.0
Dart >=3.0.0

๐Ÿ“ Package Structure

zeba_academy_image_tools

lib
 โ”œโ”€โ”€ zeba_academy_image_tools.dart
 โ”‚
 โ””โ”€โ”€ src
      โ”œโ”€โ”€ image_preview.dart
      โ”œโ”€โ”€ image_zoom_viewer.dart
      โ”œโ”€โ”€ image_crop_view.dart
      โ”œโ”€โ”€ image_placeholder.dart
      โ””โ”€โ”€ image_tools.dart


test
 โ””โ”€โ”€ image_tools_test.dart


๐Ÿงช Testing

Run:

flutter test

๐Ÿค Contributing

Contributions are welcome.

Steps:

  1. Fork repository

  2. Create branch

git checkout -b feature/new-feature
  1. Commit changes
git commit -m "Add new feature"
  1. Push
git push origin feature/new-feature
  1. Create Pull Request

๐Ÿ› Bug Reports

If you find an issue, please include:

  • Flutter version
  • Device information
  • Error details
  • Steps to reproduce

๐Ÿ‘จโ€๐Ÿ’ป About Me

โœจ Iโ€™m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

Learn more:

https://sufyanism.com/

LinkedIn:

https://www.linkedin.com/in/sufyanism


๐ŸŽ“ Zeba Academy

Your all-in-one learning hub!

๐Ÿš€ Learn:

  • Coding
  • Technology
  • Development
  • Real-world projects

Main Website:

https://zeba.academy

Courses:

https://code.zeba.academy

YouTube:

https://www.youtube.com/@zeba.academy

Instagram:

https://www.instagram.com/zeba.academy/


๐Ÿ“œ License

This project is licensed under the GNU General Public License v3.0.

You are free to:

โœ” Use the package โœ” Modify the source code โœ” Share improvements โœ” Distribute copies

Under GPL-3.0 conditions.

See:

LICENSE

โญ Support

If this package helps you:

โญ Star the repository

๐Ÿ› Report issues

๐Ÿค Contribute improvements

Thank you for using Zeba Academy Image Tools โค๏ธ