📜  Flutter–小吃店

📅  最后修改于: 2021-05-13 18:13:23             🧑  作者: Mango

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})

特性:

  1. 动作:根据小吃栏执行的动作。
  2. 动画:点心栏的进入和退出动画。
  3. backgroundcolor: Snackbar背景色
  4. 行为:快餐栏的行为和位置。
  5. 内容:快餐栏的内容。
  6. 持续时间:小吃栏显示的时间。
  7. 高程:通过增加阴影来升高小吃栏。
  8. 边距:快餐栏周围的空间。
  9. onVisible:第一次在小吃架中看到快餐栏。
  10. padding:小吃栏中内容周围的空间。
  11. 形状:快餐条的形状。
  12. 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的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!