Flutter GetX系列教程---Snackbar

安装

将 GetX 添加到你的 pubspec.yaml 文件中

dependencies:
   get: ^4.6.5

在需要用到的文件中导入，它将被使用。

import 'package:get/get.dart';

Snackbar介绍

如果想在应用程序中触发某些特定的事件后，需要弹出一则快捷消息，那么使用Snackbar则是最佳的选择，接下来我们看一下GetX如何来联调Snackbar来使用。

调用snackbar

import 'package:flutter/material.dart';
import 'package:get/get.dart';
void main() => runApp(const GetMaterialApp(home: SnackBarExample()));
class SnackBarExample extends StatefulWidget {
  const SnackBarExample({Key? key}) : super(key: key);
  @override
  State<SnackBarExample> createState() => _SnackBarExampleState();
}

class _SnackBarExampleState extends State<SnackBarExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Getx snackbar"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            ElevatedButton(onPressed: ()=>{
              Get.snackbar("标题","内容内容内容",
                  colorText: Colors.pink, //颜色
              )
            }, child: Text("显示snackbar"))
          ],
        ),
      ),
    );
  }
}

Snackbar属性和说明

字段	属性	描述
title	String	弹出的标题文字
message	String	弹出的消息文字
colorText	Color	title和message的文字颜色
duration	Duration	Snackbar弹出的持续时间（默认3秒）
instantInit	bool	当false可以把snackbar 放在initState，默认true
snackPosition	SnackPosition	弹出时的位置，有两个选项【TOP，BOTTOM】默认TOP
titleText	Widget	弹出标题的组件，设置该属性会导致title属性失效
messageText	Widget	弹出消息的组件，设置该属性会导致messageText属性失效
icon	Widget	弹出时图标，显示在title和message的左侧
shouldIconPulse	bool	弹出时图标是否闪烁，默认false
maxWidth	double	Snackbar最大的宽度
margin	EdgeInsets	Snackbar外边距，默认zero
padding	EdgeInsets	Snackbar内边距，默认EdgeInsets.all(16)
borderRadius	double	边框圆角大小，默认15
borderColor	Color	边框的颜色，必须设置borderWidth，否则无效果
borderWidth	double	边框的线条宽度
backgroundColor	Color	Snackbar背景颜色，默认Colors.grey.withOpacity(0.2)
leftBarIndicatorColor	Color	左侧指示器的颜色
boxShadows	List	Snackbar阴影颜色
backgroundGradient	Gradient	背景的线性颜色
mainButton	TextButton	主要按钮，一般显示发送、确认按钮
onTap	OnTap	点击Snackbar事件回调
isDismissible	bool	是否开启Snackbar手势关闭，可配合dismissDirection使用
showProgressIndicator	bool	是否显示进度条指示器，默认false
dismissDirection	SnackDismissDirection	Snackbar关闭的方向
progressIndicatorController	AnimationController	进度条指示器的动画控制器
progressIndicatorBackgroundColor	Color	进度条指示器的背景颜色
progressIndicatorValueColor	Animation	进度条指示器的背景颜色，Animation
snackStyle	SnackStyle	Snackbar是否会附加到屏幕边缘
forwardAnimationCurve	Curve	Snackbar弹出的动画，默认Curves.easeOutCirc
reverseAnimationCurve	Curve	Snackbar消失的动画，默认Curves.easeOutCirc
animationDuration	Duration	Snackbar弹出和小时的动画时长，默认1秒
barBlur	double	Snackbar背景的模糊度
overlayBlur	double	弹出时的毛玻璃效果值，默认0
snackbarStatus	SnackbarStatusCallback	Snackbar弹出或消失时的事件回调（即将打开、已打开、即将关闭、已关闭）
overlayColor	Color	弹出时的毛玻璃的背景颜色
userInputForm	Form	用户输入表单