GetX中Snackbar、Dialog、BottomSheet的参数说明

641 阅读3分钟

Snackbar属性和说明

总共38个属性,

参数说明类型默认值
title弹出的标题文字String
message弹出的消息文字String
colorTexttitle和message的文字颜色ColorColors.black
duration弹出的持续时间DurationDuration(seconds: 3)
instantInit当false可以把snackbar 放在initStatebooltrue
snackPosition弹出时的位置SnackPositionSnackPosition.TOP
titleText弹出标题的组件,设置该属性会导致title属性失效Widget
messageText弹出消息的组件,设置该属性会导致message属性失效Widget
icon弹出时图标,显示在title和message的左侧Widget
shouldIconPulse弹出时图标是否闪烁boolfalse
maxWidth最大的宽度double
margin外边距EdgeInsetsEdgeInsets.zero
padding内边距EdgeInsetsEdgeInsets.all(16)
borderRadius边框圆角大小double15
borderColor边框的颜色,必须设置borderWidth,否则无效果Color
borderWidth边框的线条宽度double
backgroundColor背景颜色ColorColors.grey.withOpacity(0.2)
leftBarIndicatorColor左侧指示器的颜色Color
boxShadows阴影颜色List
backgroundGradient背景的线性颜色Gradient
mainButton主要按钮,一般显示发送、确认按钮TextButton
onTap点击事件回调OnTap
isDismissible是否开启手势关闭,可配合dismissDirection使用booltrue
showProgressIndicator是否显示进度条指示器boolfalse
dismissDirection关闭的方向SnackDismissDirection
progressIndicatorController进度条指示器的动画控制器AnimationController
progressIndicatorBackgroundColor进度条指示器的背景颜色Color
progressIndicatorValueColor进度条指示器的背景颜色,AnimationAnimation
snackStyle是否会附加到屏幕边缘SnackStyleSnackStyle.FLOATING
forwardAnimationCurve弹出的动画CurveCurves.easeOutCirc
reverseAnimationCurve消失的动画CurveCurves.easeOutCirc
animationDuration弹出和小时的动画时长,默认1秒DurationDuration(seconds: 1)
barBlur背景的模糊度double7.0
overlayBlur弹出时的毛玻璃效果值double0.0
snackbarStatus弹出或消失时的事件回调(即将打开、已打开、即将关闭、已关闭)SnackbarStatusCallback0.0
overlayColor弹出时的毛玻璃的背景颜色ColorColors.transparent
userInputForm用户输入表单Form

Dialog属性和说明

总共25个属性,

参数说明类型默认值
title弹出的Widget组件StringAlert
titlePadding标题的内边距EdgeInsetsGeometryEdgeInsets.all(8)
titleStyle标题的样式TextStyle
middleText中间内容区域显示的文字String
middleTextStyle中间内容区域显示的文字样式TextStyle
content弹出的内容,该值设置后middleText将无效Widget
contentPadding内容的内边距EdgeInsetsGeometryEdgeInsets.all(8)
onConfirm确认按钮回调VoidCallback
onCancel取消按钮回调VoidCallback
onCustom自定义按钮回调VoidCallback
cancelTextColor取消按钮文字的颜色Color
confirmTextColor确认按钮文字的颜色Color
textConfirm确认按钮的文字String
textCancel取消按钮的文字String
textCustom自定义按钮的文字String
confirm确认按钮的组件Widget
cancel取消按钮的组件Widget
custom自定义按钮的组件Widget
backgroundColor弹出框的背景颜色Color
barrierDismissible是否可以通过点击背景关闭弹窗bool
buttonColor按钮的文字颜色,根据按钮类型来设定不同的位置Color
radius弹出框的圆角大小double20
actions增加额外的子组件List
onWillPop拦截关闭之前做一些操作WillPopCallback
navigatorKey用于打开对话框的keyGlobalKey

BottomSheet属性和说明

总共15个属性,

参数说明类型默认值
bottomsheet弹出的Widget组件Widget
backgroundColor背景颜色Color
elevationb阴影double
persistent是否添加到路由中bool
shape边框形状,一般用于圆角效果ShapeBorder
clipBehavior裁剪的方式Clip
barrierColor弹出层的背景颜色Color
ignoreSafeArea是否忽略安全适配bool
isScrollControlled是否支持全屏弹出boolfalse
useRootNavigator是否使用根导航bool
isDismissible点击背景是否可关闭boolture
enableDrag是否可以拖动关闭booltrue
settings路由设置RouteSettings
enterBottomSheetDuration进入时的动画时间Duration
exitBottomSheetDuration退出时的动画时间Duration
Get.bottomSheet(
  Container(
    height: 500,
    child: Text('hello word'),
  ),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(30),
  ),
  backgroundColor: Colors.white,
);