本文实例为大家分享了flutter Toast实现消息提示框的具体代码,供大家参考,具体内容如下

使用方法

//默认是显示在中间的
Toast.toast(context,msg: "中间显示的 ");     
 Toast.toast(context,msg: "中间显示的 ",position: ToastPostion.center);
Toast.toast(context,msg: "顶部显示的 Toast $_count",position: ToastPostion.top);
Toast.toast(context,msg: "底部显示的 Toast $_count",position: ToastPostion.bottom);

Toast 源码

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

//Toast 显示位置控制 
enum ToastPostion {
 top,
 center,
 bottom,
}

class Toast {
 // toast靠它加到屏幕上
 static OverlayEntry _overlayEntry;
 // toast是否正在showing
 static bool _showing = false;
 // 开启一个新toast的当前时间,用于对比是否已经展示了足够时间
 static DateTime _startedTime;
 // 提示内容
 static String _msg;
 // toast显示时间
 static int _showTime;
 // 背景颜色
 static Color _bgColor;
 // 文本颜色
 static Color _textColor;
 // 文字大小
 static double _textSize;
 // 显示位置
 static ToastPostion _toastPosition;
 // 左右边距
 static double _pdHorizontal;
 // 上下边距
 static double _pdVertical;
 static void toast(
  BuildContext context, {
  //显示的文本
  String msg,
  //显示的时间 单位毫秒
  int showTime = 1000,
  //显示的背景
  Color bgColor = Colors.black,
  //显示的文本颜色
  Color textColor = Colors.white,
  //显示的文字大小
  double textSize = 14.0,
  //显示的位置
  ToastPostion position = ToastPostion.center,
  //文字水平方向的内边距
  double pdHorizontal = 20.0,
  //文字垂直方向的内边距
  double pdVertical = 10.0,
 }) async {
  assert(msg != null);
  _msg = msg;
  _startedTime = DateTime.now();
  _showTime = showTime;
  _bgColor = bgColor;
  _textColor = textColor;
  _textSize = textSize;
  _toastPosition = position;
  _pdHorizontal = pdHorizontal;
  _pdVertical = pdVertical;
  //获取OverlayState
  OverlayState overlayState = Overlay.of(context);
  _showing = true;
  if (_overlayEntry == null) {
   //OverlayEntry负责构建布局
   //通过OverlayEntry将构建的布局插入到整个布局的最上层
   _overlayEntry = OverlayEntry(
     builder: (BuildContext context) => Positioned(
        //top值,可以改变这个值来改变toast在屏幕中的位置
        top: buildToastPosition(context),
        child: Container(
          alignment: Alignment.center,
          width: MediaQuery.of(context).size.width,
          child: Padding(
           padding: EdgeInsets.symmetric(horizontal: 40.0),
           child: AnimatedOpacity(
            opacity: _showing ? 1.0 : 0.0, //目标透明度
            duration: _showing
              ? Duration(milliseconds: 100)
              : Duration(milliseconds: 400),
            child: _buildToastWidget(),
           ),
          )),
       ));
   //插入到整个布局的最上层
   overlayState.insert(_overlayEntry);
  } else {
   //重新绘制UI,类似setState
   _overlayEntry.markNeedsBuild();
  }
  // 等待时间
  await Future.delayed(Duration(milliseconds: _showTime));
  //2秒后 到底消失不消失
  if (DateTime.now().difference(_startedTime).inMilliseconds >= _showTime) {
   _showing = false;
   _overlayEntry.markNeedsBuild();
   await Future.delayed(Duration(milliseconds: 400));
   _overlayEntry.remove();
   _overlayEntry = null;
  }
 }

 //toast绘制
 static _buildToastWidget() {
  return Center(
   child: Card(
    color: _bgColor,
    child: Padding(
     padding: EdgeInsets.symmetric(
       horizontal: _pdHorizontal, vertical: _pdVertical),
     child: Text(
      _msg,
      style: TextStyle(
       fontSize: _textSize,
       color: _textColor,
      ),
     ),
    ),
   ),
  );
 }

// 设置toast位置
 static buildToastPosition(context) {
  var backResult;
  if (_toastPosition == ToastPostion.top) {
   backResult = MediaQuery.of(context).size.height * 1 / 4;
  } else if (_toastPosition == ToastPostion.center) {
   backResult = MediaQuery.of(context).size.height * 2 / 5;
  } else {
   backResult = MediaQuery.of(context).size.height * 3 / 4;
  }
  return backResult;
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持Devmax。

flutter Toast实现消息提示框的更多相关文章

  1. Flutter中文教程-Cookbook

    Flutter中文网的Cookbook中包含了在编写Flutter应用程序时常见问题及示例。设计基础使用主题共享颜色和字体样式Images显示来自网上的图片用占位符淡入图片使用缓存图Lists创建一个基本list创建一个水平list使用长列表创建不同类型子项的List创建一个gridList处理手势处理点击添加Material触摸水波效果实现滑动关闭导航导航到新页面并返回给新页面传值从新页面返回数据给上一个页面网络从网上获取数据进行认证请求使用WebSockets

  2. android – 如何在特定号码的应用程序中共享文本

    使用此代码只打开特殊号码的聊天但文本不是共享.我该怎么做?解决方法由于您尝试将其实现为“smsto:”,因此“text/plain”类型将帮助您.如果没有帮助,请尝试额外的“sms_body”.

  3. android – JobIntentService被破坏,当app被销毁时

    从Android开发人员JobIntentService开始在AndroidO或更高版本上运行时,工作将通过JobScheduler.enqueue作为作业分派.在较旧版本的平台上运行时,它将使用Context.startService.在我的情况下,我正在学习JobIntentService,在我的情况下,我有一个计时器,每秒运行一次并显示当前的日期和时间,但当我的应用程序被销毁时,JobInt

  4. android – Toast与Dialog框:何时使用?

    谢谢.解决方法Toast主要用于告知用户一些不重要且不需要交互的东西,所以我会使用Toastforthethat.此外,Toast不会阻止用户使用设备/应用程序,您仍然可以激活,例如显示Toast时的基础图标.对话框通常要求用户做出选择,或者显示不需要交互的进度但是将使用户在此期间不做其他事情,这可能是重要的,例如,一旦用户在完成参数之前更改参数,您进行的计算将失败.

  5. 在Android中收听ENTER键

    不是那样的.您需要覆盖dispatchKeyEvent.一个例子:

  6. android – ProgressDialog.dismiss()不起作用

    请检查以下示例代码.显示Toast消息但从不隐藏progressdialog.为什么?五秒后显示“DONE”消息,但progressdialog没有被解雇,即使我把pd.dismiss()放在thr下面pd.show()我也不会忽略progressdialog,我不知道为什么会这样.这让我发疯了!)行旁边显示一个简洁的小警告标志.你在做什么>使用新的ProgressDialog()创建进度对话框>使用pd.Show()创建带有所需文本的另一个进度对话框,而不存储对它的引用.>关闭第一个对话框.的对话框仍然

  7. android-studio – 未配置Dart SDK

    Initializinggradle…

  8. android – 将侦听器添加到数字选择器小部件

    我正在努力将数字选择器集成到我的应用程序中.活动显示每个带有数字选择器的项目列表.用户可以使用数字选择器增加或减少数量.当他们这样做时,我想更新显示价格的TextView.我试图实现这一目标时遇到了困难.我做了一个简单的项目,并试图在用户点击小部件时尝试显示一个Toast消息,但无济于事.我的猜测是,数字窗口小部件不被视为按钮,因此点击监听器不起作用?

  9. Android中的EACCESS权限被拒绝

    在外部SD卡中写入文件时,我收到错误EACCESS权限被拒绝.我已经设置了权限但是当我读取文件时,我成功地能够读取它但无法写入文件.我用于在SD卡中写入文件的代码是:外部存储卡的路径是mnt/extsd/.这就是为什么我无法使用Environment.

  10. android – 如何立即用第二个toast替换当前的toast而不等待当前的toast完成?

    参见英文答案>HowtopreventMultipleToastOverlaps7个我有很多按钮.点击其中的每一个我都会显示一个Toast.但是当一个toast加载并在视图中显示时,单击另一个按钮并且在显示的那个完成之前不会显示toast.所以,我想找出一种方法来检测当前上下文中是否显示吐司.有没有办法知道是否正在显示吐司,以便我可以取消它并显示一个新的.解决方法您可以在Activity的变量中缓

随机推荐

  1. Flutter 网络请求框架封装详解

    这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. Android单选按钮RadioButton的使用详解

    今天小编就为大家分享一篇关于Android单选按钮RadioButton的使用详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

  3. 解决android studio 打包发现generate signed apk 消失不见问题

    这篇文章主要介绍了解决android studio 打包发现generate signed apk 消失不见问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  4. Android 实现自定义圆形listview功能的实例代码

    这篇文章主要介绍了Android 实现自定义圆形listview功能的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  5. 详解Android studio 动态fragment的用法

    这篇文章主要介绍了Android studio 动态fragment的用法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. Android用RecyclerView实现图标拖拽排序以及增删管理

    这篇文章主要介绍了Android用RecyclerView实现图标拖拽排序以及增删管理的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

  7. Android notifyDataSetChanged() 动态更新ListView案例详解

    这篇文章主要介绍了Android notifyDataSetChanged() 动态更新ListView案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

  8. Android自定义View实现弹幕效果

    这篇文章主要为大家详细介绍了Android自定义View实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. Android自定义View实现跟随手指移动

    这篇文章主要为大家详细介绍了Android自定义View实现跟随手指移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. Android实现多点触摸操作

    这篇文章主要介绍了Android实现多点触摸操作,实现图片的放大、缩小和旋转等处理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部