FlutterToast
1.0.0
吐司图书馆
现在，这个烤面包库支持两种敬酒消息，一个需要BuildContext其他，而没有BuildContext
支持的平台
- 安卓
- ios
- Web（使用Tostify-JS）
这个功能有限，无法控制UI
支持的平台
- 全部
# add this line to your dependencies
fluttertoast : ^8.2.10 import 'package:fluttertoast/fluttertoast.dart' ; Fluttertoast . showToast (
msg : "This is Center Short Toast" ,
toastLength : Toast . LENGTH_SHORT ,
gravity : ToastGravity . CENTER ,
timeInSecForIosWeb : 1 ,
backgroundColor : Colors .red,
textColor : Colors .white,
fontSize : 16.0
);| 财产 | 描述 | 默认 |
|---|---|---|
| 味精 | 字符串（不是null）（必需） | 必需的 |
| 吐司长度 | toast.length_short或toast.length_long（可选） | toast.length_short |
| 重力 | toastgravity.top（OR）toastgravity.center（OR）toastgravity.bottom（Web仅支持顶部，底部） | toastgravity.bottom |
| TimeInsecforiosweb | INT（用于iOS和Web） | 1（sec） |
| 背景色 | 颜色 | 无效的 |
| textcolor | 颜色。白色 | 无效的 |
| 字体大小 | 16.0（浮子） | 无效的 |
| Fontasset | flutter App Assets文件夹中的字体文件的路径，例如'Assets/path/to/some-font.ttf'（string） | 无效的 |
| Webshowclose | 假（布尔） | 错误的 |
| Webbgcolor | 字符串（十六进制颜色） | 线性级别（在右边，＃00B09B，＃96C93D） |
| 网站 | 字符串（ left ， center或right ） | 正确的 |
Fluttertoast . cancel ()自定义吐司将在Android 11及以上无法使用，它将仅使用MSG和吐司长度忽略所有属性
在项目app/res/layout文件夹中创建一个名为toast_custom.xml的文件，然后进行自定义样式
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< FrameLayout xmlns : android = " http://schemas.android.com/apk/res/android "
xmlns : tools = " http://schemas.android.com/tools "
android : layout_width = " wrap_content "
android : layout_height = " wrap_content "
android : layout_gravity = " center_horizontal "
android : layout_marginStart = " 50dp "
android : background = " @drawable/corner "
android : layout_marginEnd = " 50dp " >
< TextView
android : id = " @+id/text "
android : layout_width = " wrap_content "
android : layout_height = " wrap_content "
android : background = " #CC000000 "
android : paddingStart = " 16dp "
android : paddingTop = " 10dp "
android : paddingEnd = " 16dp "
android : paddingBottom = " 10dp "
android : textStyle = " bold "
android : textColor = " #FFFFFF "
tools : text = " Toast should be short. " />
</ FrameLayout >在下面的builder中，更新您的MaterialApp ，以便使用上下文查看文档部分使用navigatorkey for Context（在全球访问上下文）
MaterialApp (
builder : FToastBuilder (),
home : MyApp (),
navigatorKey : navigatorKey,
), FToast fToast;
@override
void initState () {
super . initState ();
fToast = FToast ();
// if you want to use context from globally instead of content we need to pass navigatorKey.currentContext!
fToast. init (context);
}
_showToast () {
Widget toast = Container (
padding : const EdgeInsets . symmetric (horizontal : 24.0 , vertical : 12.0 ),
decoration : BoxDecoration (
borderRadius : BorderRadius . circular ( 25.0 ),
color : Colors .greenAccent,
),
child : Row (
mainAxisSize : MainAxisSize .min,
children : [
Icon ( Icons .check),
SizedBox (
width : 12.0 ,
),
Text ( "This is a Custom Toast" ),
],
),
);
fToast. showToast (
child : toast,
gravity : ToastGravity . BOTTOM ,
toastDuration : Duration (seconds : 2 ),
);
// Custom Toast Position
fToast. showToast (
child : toast,
toastDuration : Duration (seconds : 2 ),
positionedToastBuilder : (context, child) {
return Positioned (
child : child,
top : 16.0 ,
left : 16.0 ,
);
});
}
现在致电_showToast()
有关更多详细信息检查example项目
| 财产 | 描述 | 默认 |
|---|---|---|
| 孩子 | 小部件（不是null）（必需） | 必需的 |
| 吐司 | 持续时间（可选） | |
| 重力 | 吐司。* | |
| 定位的施工者 | 定位的施工者 | |
| 淡化 | 期间 | 持续时间（毫秒：350） |
| 忽略 | 布尔 | 错误的 |
| 毫无疑问 | 布尔 | 错误的 |
要使用NavigatorKey进行上下文，首先在main.dart文件中的顶级定义GlobalKey<NavigatorState>
GlobalKey < NavigatorState > navigatorKey = GlobalKey < NavigatorState >();在初始化FToast时，我们需要使用全球定义的GlobalKey<NavigatorState>的上下文
FToast fToast = FToast ();
fToast. init (yourNavKey.currentContext ! ); // To remove present shwoing toast
fToast. removeCustomToast ()
// To clear the queue
fToast. removeQueuedCustomToasts ();...
