显示一个可拖动的浮动聊天图标按钮，并在屏幕上显示消息

显示一个可拖动的浮动聊天图标按钮，并在屏幕上显示消息

特点

一个用于在背景小部件之上显示聊天图标（或自定义小部件）的小部件。

它可以显示和隐藏消息，或者显示在其构造函数中传递的消息。

入门

将其添加为脚手架（或其他全屏视图）的主体，然后将应该显示在聊天小部件下的“背景”参数提供给小部件。

或者，使用堆栈视图来定位聊天小部件，并将“背景”留空。

FloatingChatIcon 默认会显示一个带有白色聊天图标的蓝色圆圈，messageWidget 默认会显示一个带有白色文本的蓝色圆角矩形。所有这些颜色都可以配置，也可以将自定义小部件传递给 chatIconWidget、messageWidget 或 messageTextWidget。

ShowMessageParameters 允许您在给定的 delayDuration 之后，显示传递给构造函数的消息，显示时间为 durationToShowMessage 指定的时间，并且以随机频率（例如“仅显示此消息 50% 的时间小部件被实例化”）显示，使用 showMessageFrequency。

用法

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: FloatingChatButton(
          background: BackgroundWidget(),
          onTap: (_) {
            _showBottomSheet(context);
          },
          messageText: "I like this package",
      )
    );
  }

GitHub

查看 Github