photo_opener 0.0.7

photo_opener: ^0.0.7 copied to clipboard

If you are looking for a package to open and zoom in or out images, this package is for you

Features #

This package allows you to open your images on a large screen and zoom in or out.

Usage #

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:photo_opener/photo_opener.dart';

class PhotoOpenerExample extends StatefulWidget {
  const PhotoOpenerExample({super.key});

  @override
  State<PhotoOpenerExample> createState() => _PhotoOpenerExampleState();
}

class _PhotoOpenerExampleState extends State<PhotoOpenerExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Example Photo Opener"),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          GestureDetector(
            onTap: () {
              PageController pageController = PageController();
              onOpenPhoto(
                context: context,
                closeText: "Back",
                secondaryColor: Colors.black,
                backgroundColor: Colors.black,
                pageController: pageController,
                onPageChange: (newPage) {
                  print(newPage);
                },
                minScale: 1,
                maxScale: 5,
                loaderColor: Colors.red,
                topTextStyle: const TextStyle(
                    color: CupertinoColors.white, fontWeight: FontWeight.w600),
                images: [
                  "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Big_Ben_2007-1.jpg/1200px-Big_Ben_2007-1.jpg",
                  "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Big_Ben_2007-1.jpg/1200px-Big_Ben_2007-1.jpg",
                  "https://media.istockphoto.com/id/510469242/photo/business-towers.jpg?b=1&s=612x612&w=0&k=20&c=4rJMUURzWnASVu2HTg6C25_jz0ktq3NzAcq5NKuIExE="
                ],
              );
            },
            child: Center(
              child: ClipRRect(
                borderRadius: BorderRadius.circular(24),
                child: Image.network(
                  "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Big_Ben_2007-1.jpg/1200px-Big_Ben_2007-1.jpg",
                  width: 300,
                  height: 300,
                  fit: BoxFit.cover,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}