image_zoom_on_move 1.0.0
image_zoom_on_move: ^1.0.0 copied to clipboard
A Flutter package that lets you add an image and the zoom effect when moving the mouse over this image.
import 'package:flutter/material.dart';
import 'package:image_zoom_on_move/image_zoom_on_move.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
static const imageUrl =
"https://images.unsplash.com/photo-1619360142632-031d811d1678?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=872&q=80";
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Image Zoom on Move'),
),
body: Center(
child: ImageZoomOnMove(
width: 500,
height: 500,
image: Image.network(
imageUrl,
fit: BoxFit.cover,
),
),
),
);
}
}