flutter - 当鼠标悬停在AppBar中颤动时,如何使完整菜单出现?
问题描述
这就是我想要实现的目标:
我考虑过 MouseRegion 小部件中的 onHover 并尝试查看此代码是否适用于正文部分。
在我看到这在正文部分有效但我做不到之后,我打算在脚手架的 AppBar 中实现它。有谁知道正确的方法?
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
static const String _title = 'Flutter Code Sample';
@override
Widget build(BuildContext context) {
return MaterialApp(
title: _title,
home: Scaffold(
appBar: AppBar(title: const Text(_title)),
body: Center(
child: MyStatefulWidget(),
),
),
);
}
}
class MyStatefulWidget extends StatefulWidget {
MyStatefulWidget({Key key}) : super(key: key);
@override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
showMenus(BuildContext context) async {
await showMenu(
context: context,
position: RelativeRect.fromLTRB(100, 100, 100, 100),
items: [
PopupMenuItem(
child: Text("View"),
),
PopupMenuItem(
child: Text("Edit"),
),
PopupMenuItem(
child: Text("Delete"),
),
],
);
}
@override
Widget build(BuildContext context) {
return ConstrainedBox(
constraints: BoxConstraints.tight(Size(300.0, 200.0)),
child: MouseRegion(
onHover: showMenus(context),
child: Container(
color: Colors.lightBlueAccent,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('You have entered or exited this box this many times:'),
],
),
),
),
);
}
}
解决方案
您唯一的问题是错误地调用了该方法。在您调用该方法之前,MouseRegion
onHover
它应该有一个:() =>
// the onHover event gives you an event object
onHover: (event) => showMenus(context),
推荐阅读
- sql - 当我尝试执行简单查询时,Spark 3 失败
- sql - 求两个 CASE 语句的总和 - (如何使用 CASE 表达式或横向 JOIN
- c - 未对齐的内存访问与数组
- javascript - 在 ExtJS 中创建容器面板时出现问题
- angular - .NET Core 3.1 OutOfProcess 和 AspNetCoreModule:应用程序在加载时挂起
- swiftui - PageTabViewStyle 打破 NavigationView
- vue.js - Vue3:是否可以使用 app.component(...) 注册单个文件组件?
- javascript - React Hooks - 不调用 Memoise 函数
- c - 是否可以验证变量参数计数?
- amazon-web-services - 如何在 Ansible/YAML 的键中插入变量?