Flutter 轻量提示组件

Flutter 轻量提示组件（SnackBar），SnackBar是一个轻量级消息提示组件，在屏幕的底部显示，组件的属性及描述如表所示：

弹出消息提示调用方法如下所示，过几秒钟会自动提示消息：

Scaffold.of(context).showSnackBar();

完整的示例代码如下：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SnackBar示例',
      home: Scaffold(
        appBar: AppBar(
          title: Text('SnackBar示例'),
        ),
        body: Center(
          child: Text(
              'SnackBar示例',
              style: TextStyle(fontSize: 28.0),
          ),
        ),
        // FAB按钮
        floatingActionButton: Builder(builder: (BuildContext context) {
          return FloatingActionButton(
              child: const Icon(Icons.add),
              onPressed: () {
                // 点击回调事件，弹出一句提示语句
                Scaffold.of(context).showSnackBar(SnackBar(
                  // 提示信息内容部分
                  content: Text("显示SnackBar"),
                ));
              },
              shape: CircleBorder(),
              );
            }),
            floatingActionButtonLocation:
FloatingActionButtonLocation.endFloat, //居中放置，位置可以设置成左中右
          ),
        );
      }
    }

上述示例代码的视图展现大致如图所示：

酷客教程相关文章：

• Flutter 提示对话框组件
• Flutter 简单对话框组件
• Flutter 弹出菜单组件
• Flutter 扁平按钮组件