AnimatedSnackBar

一个使用 overlay 直接显示精美动画 Snackbar 的 Flutter 包。

特点

  • Material-UI

  • 彩色矩形

  • 深色矩形

入门

将包添加到 pubspec.yaml


   dependencies:

    animated_snack_bar: ^0.2.0

导入包

import 'package:animated_snack_bar/animated_snack_bar.dart';

用法

  • 显示 Material UI Snackbar
AnimatedSnackBar.material(
    'This a snackbar with info type',
    type: AnimatedSnackBarType.info,
).show(context);
  • 显示彩色矩形 Snackbar
AnimatedSnackBar.rectangle(
'Success',
  'This is a success snack bar',
  type: AnimatedSnackBarType.success,
  brightness: Brightness.light,
).show(
  context,
);
  • 显示深色矩形 Snackbar
AnimatedSnackBar.rectangle(
'Success',
  'This is a success snack bar',
  type: AnimatedSnackBarType.success,
  brightness: Brightness.dark,
).show(
  context,
);
  • 显示自定义 Snackbar
AnimatedSnackBar(
    builder: ((context) {
        return Container(
            padding: const EdgeInsets.all(8),
            color: Colors.amber,
            height: 50,
            child: const Text('A custom snackbar'),
        );
    }),
).show(context);
  • 更改 Snackbar 推送位置
AnimatedSnackBar.material(
    'This a snackbar with info type',
    type: AnimatedSnackBarType.info,
    mobileSnackBarPosition: MobileSnackBarPosition.bottom, // Position of snackbar on mobile devices
    desktopSnackBarPosition: DesktopSnackBarPosition.topRight, // Position of snackbar on desktop devices
).show(context);

GitHub

查看 Github