hover.dart 3.16 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5
import 'package:flutter/foundation.dart';
6 7
import 'package:flutter/material.dart';

8
void main() {
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
  runApp(const MaterialApp(
    title: 'Hover Demo',
    home: HoverDemo(),
  ));
}

class DemoButton extends StatelessWidget {
  const DemoButton({this.name});

  final String name;

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

  @override
  Widget build(BuildContext context) {
26
    return TextButton(
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
      onPressed: () => _handleOnPressed(),
      child: Text(name),
    );
  }
}

class HoverDemo extends StatefulWidget {
  const HoverDemo({Key key}) : super(key: key);

  @override
  _HoverDemoState createState() => _HoverDemoState();
}

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

    return DefaultTextStyle(
51
      style: textTheme.headline4,
52 53 54 55 56 57 58 59 60 61 62 63 64
      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>[
65 66
                Row(
                  children: <Widget>[
67
                    ElevatedButton(
68 69
                      onPressed: () => print('Button pressed.'),
                      child: const Text('Button'),
70
                      style: overrideFocusColor,
71
                    ),
72
                    TextButton(
73 74
                      onPressed: () => print('Button pressed.'),
                      child: const Text('Button'),
75
                      style: overrideFocusColor,
76 77 78 79 80 81 82
                    ),
                    IconButton(
                      onPressed: () => print('Button pressed'),
                      icon: const Icon(Icons.access_alarm),
                      focusColor: Colors.deepOrangeAccent,
                    ),
                  ],
83
                ),
84 85
                const Padding(
                  padding: EdgeInsets.all(8.0),
86 87 88 89
                  child: TextField(
                    decoration: InputDecoration(labelText: 'Enter Text', filled: true),
                  ),
                ),
90 91
                const Padding(
                  padding: EdgeInsets.all(8.0),
92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
                  child: TextField(
                    autofocus: false,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      labelText: 'Enter Text',
                      filled: false,
                    ),
                  ),
                ),
              ],
            );
          }),
        ),
      ),
    );
  }
}