為什么 flutter 工具提示不起作用

Question

我遇到了 flutter tooltip問題

這是我的代碼：

import 'package:flutter/material.dart';
import 'dart:async';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  _State createState() => _State();
}

class _State extends State<MyApp> {
  String _value = 'Hello again';

  void _onClicked() => setState(() => _value = new DateTime.now().toString());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // key: _scaffoldstate,
      appBar: AppBar(
        title: Text('Name here'),
      ),
      body: Container(
        padding: EdgeInsets.all(32.0),
        child: Center(
          child: Column(
            children: <Widget>[
              Text(_value),
              IconButton(
                icon: Icon(Icons.timer),
                onPressed: _onClicked,
                tooltip: "Hi I'm tooltip", // way one
              ),
              Tooltip(
                // way two
                message: 'I am a Tooltip',
                child: Text('Hover over the text to show a tooltip.'),
              )
            ],
          ),
        ),
      ),
    );
  }
}

我嘗試了兩種方法，但無論如何都不起作用，我不知道問題出在哪里。

我的列小部件有問題嗎？

flutter version: 2.0.3

任何建議，請。

Answer 1

當您在這些小部件上使用 hover 時，工具提示會變得可見。 在手機中，在沒有鼠標的情況下無法在小部件上進行 hover，因此請嘗試長按這些小部件以查看工具提示。

將鼠標懸停在 web 上的這些小部件上時，工具提示可見。 檢查這個DartPad