tooltip.1.dart 1.34 KB
Newer Older
1 2 3 4
// 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.

5
/// Flutter code sample for [Tooltip].
6 7 8 9 10 11

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
12
  const MyApp({super.key});
13

14
  static const String _title = 'Tooltip Sample';
15 16 17 18 19 20 21 22

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const Center(
23
          child: TooltipSample(),
24 25 26 27 28 29
        ),
      ),
    );
  }
}

30
class TooltipSample extends StatelessWidget {
31
  const TooltipSample({super.key});
32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49

  @override
  Widget build(BuildContext context) {
    return Tooltip(
      message: 'I am a Tooltip',
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(25),
        gradient:
            const LinearGradient(colors: <Color>[Colors.amber, Colors.red]),
      ),
      height: 50,
      padding: const EdgeInsets.all(8.0),
      preferBelow: false,
      textStyle: const TextStyle(
        fontSize: 24,
      ),
      showDuration: const Duration(seconds: 2),
      waitDuration: const Duration(seconds: 1),
50
      child: const Text('Tap this text and hold down to show a tooltip.'),
51 52 53
    );
  }
}