draggable_image 0.1.5 copy "draggable_image: ^0.1.5" to clipboard
draggable_image: ^0.1.5 copied to clipboard

A smooth pinch-to-zoom & drag image widget that snaps back with overlay for buttery performance.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:draggable_image/draggable_image.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'draggable_image example',
      home: HomePage(),
    );
  }
}

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

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  bool _lockScroll = false; // ถูกสลับจาก onGestureActiveChanged

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('draggable_image example')),
      body: SingleChildScrollView(
        physics: _lockScroll
            ? const NeverScrollableScrollPhysics()
            : const BouncingScrollPhysics(),
        child: Container(
          color: Colors.white,
          child: DraggableImageWidget(
            imageWidth: double.infinity,
            imageHeight: 900,
            imagePath: 'https://picsum.photos/900',
            isNetworkImage: true,
            isDebug: true,
            borderRadius: BorderRadius.circular(0),
            fit: BoxFit.contain, // optional
            fitDoubleTap: BoxFit.fitHeight, // optional
            fitToggleCurve: Curves.easeOutCubic, // optional

            onGestureActiveChanged: (active) {
              setState(() => _lockScroll = active);
            },
          ),
        ),
      ),
    );
  }
}
1
likes
130
points
111
downloads

Publisher

unverified uploader

Weekly Downloads

A smooth pinch-to-zoom & drag image widget that snaps back with overlay for buttery performance.

Repository (GitHub)
View/report issues

Topics

#image #zoom #gesture #overlay #widget

Documentation

API reference

License

MIT (license)

Dependencies

cached_network_image, flutter, flutter_hooks, skeletonizer

More

Packages that depend on draggable_image