mouse_region.on_exit.0.dart 1.34 KB
Newer Older
1 2 3 4 5 6
// 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';

7 8
/// Flutter code sample for [MouseRegion.onExit].

9
void main() => runApp(const MouseRegionApp());
10

11 12
class MouseRegionApp extends StatelessWidget {
  const MouseRegionApp({super.key});
13 14 15 16 17

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
18
        appBar: AppBar(title: const Text('MouseRegion.onExit Sample')),
19
        body: const Center(
20
          child: MouseRegionExample(),
21 22 23 24 25 26
        ),
      ),
    );
  }
}

27 28
class MouseRegionExample extends StatefulWidget {
  const MouseRegionExample({super.key});
29 30

  @override
31
  State<MouseRegionExample> createState() => _MouseRegionExampleState();
32 33
}

34
class _MouseRegionExampleState extends State<MouseRegionExample> {
35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
  bool hovered = false;

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 100,
      width: 100,
      decoration: BoxDecoration(color: hovered ? Colors.yellow : Colors.blue),
      child: MouseRegion(
        onEnter: (_) {
          setState(() {
            hovered = true;
          });
        },
        onExit: (_) {
          setState(() {
            hovered = false;
          });
        },
      ),
    );
  }
}