Snackbar用于向用户显示我们的应用程序中是否发生了某些操作。例如,如果用户登录过程由于某种原因而失败,那么可以通知用户再次尝试,我们可以使用快餐栏。它会在屏幕上弹出,并且还可以执行诸如撤消已执行的操作之类的操作。
构造函数:
SnackBar({Key key,
@required Widget content,
Color backgroundColor,
double elevation,
EdgeInsetsGeometry margin,
EdgeInsetsGeometry padding,
double width,
ShapeBorder shape,
SnackBarBehavior behavior,
SnackBarAction action,
Duration duration: _snackBarDisplayDuration,
Animation animation,
VoidCallback onVisible})
特性:
- 动作:根据小吃栏执行的动作。
- 动画:点心栏的进入和退出动画。
- backgroundcolor: Snackbar背景色
- 行为:快餐栏的行为和位置。
- 内容:快餐栏的内容。
- 持续时间:小吃栏显示的时间。
- 高程:通过增加阴影来升高小吃栏。
- 边距:快餐栏周围的空间。
- onVisible:第一次在小吃架中看到快餐栏。
- padding:小吃栏中内容周围的空间。
- 形状:快餐条的形状。
- width:快餐栏的宽度。
执行:
主要的。dart文件
Dart
import 'package:flutter/material.dart';
void main() => runApp(SnackBarDemo());
class SnackBarDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Snackbar',
home: Scaffold(
appBar: AppBar(
title: Text('GeeksforGeeks'),
backgroundColor: Colors.green,
),
body: SnackBarPage(),
),
);
}
}
class SnackBarPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
// Raised button
child: RaisedButton(
color: Colors.green,
onPressed: () {
// when raised button is pressed
// snackbar will appear from bottom of screen
final snackBar = SnackBar(
content: Text('Snackbar!'),
);
Scaffold.of(context).showSnackBar(snackBar);
},
child: Text('Display SnackBar'),
),
);
}
}
输出:
更改属性:
SnackBar(
content: Text('Snackbar!'),
backgroundColor: Colors.green,
elevation: 10,
behavior: SnackBarBehavior.floating,
margin: EdgeInsets.all(10),
);
输出:
在上面的代码中,我们将浮动行为添加到了快餐栏,并从各个方向为其添加了边距。我们还添加了一些高程。
想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!