magnifier.0.dart 1.87 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});
  static const Size loupeSize = Size(200, 200);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
Lioness100's avatar
Lioness100 committed
18
  Offset dragGesturePosition = Offset.zero;
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const Text('Drag on the logo!'),
              RepaintBoundary(
                child: Stack(
                  children: <Widget>[
                    GestureDetector(
                      onPanUpdate: (DragUpdateDetails details) => setState(
                        () {
Lioness100's avatar
Lioness100 committed
35
                          dragGesturePosition = details.localPosition;
36 37 38 39 40
                        },
                      ),
                      child: const FlutterLogo(size: 200),
                    ),
                    Positioned(
Lioness100's avatar
Lioness100 committed
41 42
                      left: dragGesturePosition.dx,
                      top: dragGesturePosition.dy,
43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
                      child: const RawMagnifier(
                        decoration: MagnifierDecoration(
                          shape: CircleBorder(
                            side: BorderSide(color: Colors.pink, width: 3),
                          ),
                        ),
                        size: Size(100, 100),
                        magnificationScale: 2,
                      ),
                    )
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}