hover.dart 3.1 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4 5 6
// 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
void main() {
8 9 10 11 12 13 14
  runApp(const MaterialApp(
    title: 'Hover Demo',
    home: HoverDemo(),
  ));
}

class DemoButton extends StatelessWidget {
15
  const DemoButton({super.key, required this.name});
16 17 18 19 20 21 22 23 24

  final String name;

  void _handleOnPressed() {
    print('Button $name pressed.');
  }

  @override
  Widget build(BuildContext context) {
25
    return TextButton(
26 27 28 29 30 31 32
      onPressed: () => _handleOnPressed(),
      child: Text(name),
    );
  }
}

class HoverDemo extends StatefulWidget {
33
  const HoverDemo({super.key});
34 35

  @override
36
  State<HoverDemo> createState() => _HoverDemoState();
37 38 39 40 41 42
}

class _HoverDemoState extends State<HoverDemo> {
  @override
  Widget build(BuildContext context) {
    final TextTheme textTheme = Theme.of(context).textTheme;
43 44
    final ButtonStyle overrideFocusColor = ButtonStyle(
      overlayColor: MaterialStateProperty.resolveWith<Color>((Set<MaterialState> states) {
45
        return states.contains(MaterialState.focused) ? Colors.deepOrangeAccent : Colors.transparent;
46 47
      })
    );
48 49

    return DefaultTextStyle(
50
      style: textTheme.headline4!,
51 52 53 54 55 56 57 58 59 60 61 62 63
      child: Scaffold(
        appBar: AppBar(
          title: const Text('Hover Demo'),
        ),
        floatingActionButton: FloatingActionButton(
          child: const Text('+'),
          onPressed: () {},
        ),
        body: Center(
          child: Builder(builder: (BuildContext context) {
            return Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
64 65
                Row(
                  children: <Widget>[
66
                    ElevatedButton(
67
                      onPressed: () => print('Button pressed.'),
68
                      style: overrideFocusColor,
69
                      child: const Text('Button'),
70
                    ),
71
                    TextButton(
72
                      onPressed: () => print('Button pressed.'),
73
                      style: overrideFocusColor,
74
                      child: const Text('Button'),
75 76 77 78 79 80 81
                    ),
                    IconButton(
                      onPressed: () => print('Button pressed'),
                      icon: const Icon(Icons.access_alarm),
                      focusColor: Colors.deepOrangeAccent,
                    ),
                  ],
82
                ),
83 84
                const Padding(
                  padding: EdgeInsets.all(8.0),
85 86 87 88
                  child: TextField(
                    decoration: InputDecoration(labelText: 'Enter Text', filled: true),
                  ),
                ),
89 90
                const Padding(
                  padding: EdgeInsets.all(8.0),
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
                  child: TextField(
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: 'Enter Text',
                      filled: false,
                    ),
                  ),
                ),
              ],
            );
          }),
        ),
      ),
    );
  }
}