如何添加在 Flutter/Dart 中按钮悬停时显示的评级栏?

问题描述 投票:0回答:1

嘿伙计们 我对 flutter 很陌生,尤其是 UI 组件。我正在尝试构建一个屏幕,屏幕边缘有一个星形图标。将鼠标悬停在星星图标上时,会出现一个评级栏,用户通过触摸任一星星来给出评级。当触摸远离图标/评级栏时;评级栏消失。

构建此功能的任何指示都将提供非常巨大的帮助。

谢谢。

flutter dart user-interface web-applications ratingbar
1个回答
0
投票

您好,欢迎来到 Flutter,

您可以使用 GestureDetector 来捕获长按 (onLongPress) 以及何时停止 (onLongPressEnd)。 onLongPress 您可以显示评级小部件,而 onLongPressEnd 您可以隐藏它。 欲了解更多信息:https://api.flutter.dev/flutter/widgets/GestureDetector-class.html

对于评级小部件,您可以使用处理此问题的流行包: https://pub.dev/packages/flutter_ rating_bar

© www.soinside.com 2019 - 2024. All rights reserved.