安装库 dependencies: badges: ^2.0.2 引入  import 'package:badges/badges.dart'; 使用 Badge( badgeContent: Text('3'), child: Icon(Icons.settings), ) 示例图： BadgeAnimationType.slid...

Flutter 事件与通知 Flutter中的触摸事件可分为两层来看待。第一层是触摸原事件（指针），有相应的四种事件类型：PointerDownEvent：用户与屏幕接触产生了联系。PointerMoveEvent：手指已从屏幕...

进度状态按钮： Flutter 的可自定义进度按钮。 使用DartPad进行测试 安装 https://pub.dev/packages/progress_state_button progress-state-button: '^1.0.0' 用法 图标 ProgressButton.icon(ic...

滑动动画 渐隐渐现动画 翻转动画 缩放动画 轮子仓库地址：https://pub.flutter-io.cn/packages/flutter_staggered_animations 系列演示demo源码：https://github.com/826327700/flutter_plugins...

前言：         Flutter是一个UI框架,一切皆Widget,Flutter可以说和Android是无缝对接,毕竟都是出自Google,Material风格更是轻车熟路,对Android同学来...

  FAB 圆形菜单 使用浮动操作按钮创建漂亮的圆形菜单的 Flutter 包。 入门 包装您的内容FabCircularMenu并设置您想要的options： MaterialApp( home: Scaffold( body: FabCircularMenu( ch...

UI 功能控件 SafeArea 用于在屏幕安全区中显示布局。当我们没有使用Scaffold或未设置AppBar时，页面的布局会伸展到系统状态栏下，如果我们不需要这种沉浸式状态栏效果，那么就可以使用SafeArea...

介绍 「ERate」 组件是 「Flutter Element」 组件系列中的评分组件。 引入 在 「pubspec.yaml」 中依赖 element_ui: ^lastversion 最新的版本到pub上查看，pub地址：https://pub.dev/pack...

截图： 代码： //线性进度条 LinearProgressIndicator( color: Colors.blue, backgroundColor: Colors.amber, value: 0.5, // valueColor: TrainHoppingAnimation(), ),

pubspec添加依赖想要使用 flutter_localizations 的话，我们需要在 pubspec.yaml 文件中添加它作为依赖： flutter_localizations: #组件国际化 sdk: flutter设置MaterialApp在localizationsDe...