我想在Flutter中自定义show/hide
SnackBar
(带动画)fadeIn/fadeOut
关于300 milliseconds
的fadeIn/fadeOut
动画和时间
final SnackBar snackBar = SnackBar(
backgroundColor: Colors.transparent,
behavior: SnackBarBehavior.floating,
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
margin: const EdgeInsets.only(bottom: 20.0),
elevation: 0,
duration: const Duration(seconds: 3),
animation: , //<- TODO: Animation for SnackBar
content: Container(
width: 200,
height: 60,
color: Colors.red,
child: const Text('Custom fadeIn/fadeOut animation',
style: TextStyle(color: Colors.white))));
scaffoldMessengerKey.currentState?.showSnackBar(snackBar);
如何为SnackBar
定制动画?
1条答案
按热度按时间p8h8hvxi1#
您可以使用
controller
和animation
来实现自定义snackbar。在
Snackbar
的animation
属性中添加animation
,您甚至可以添加fadeTransition
以使内容淡入和淡出。除此之外,您还可以使用another_flushbar
另请参阅How to implement floating Snackbar animation in flutter?