tooltip.1.dart 1.31 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
/// Flutter code sample for [Tooltip].
8

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

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

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

27
class TooltipSample extends StatelessWidget {
28
  const TooltipSample({super.key});
29 30 31 32 33 34 35

  @override
  Widget build(BuildContext context) {
    return Tooltip(
      message: 'I am a Tooltip',
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(25),
36
        gradient: const LinearGradient(colors: <Color>[Colors.amber, Colors.red]),
37 38 39 40 41 42 43 44 45
      ),
      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),
46
      child: const Text('Tap this text and hold down to show a tooltip.'),
47 48 49
    );
  }
}