效果图 用到的组件： NestedScrollView() //嵌套组件 SliverPersistentHeader()//Sliver 顶部持久组件 SliverAppBar() //类似AppBar组件 TabBar() TabBarView() 代码： import 'package:flutter...

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

Container( alignment: Alignment.center, margin: EdgeInsets.all(5), padding: EdgeInsets.only(left: 15, right: 15), decoration: BoxDecoration( color: Colors.black12, borderRadius: Bo...

在创建Flutter应用程序的时候，你有没有想过，如果能够增加一些文本的炫酷动画，会不会使得自己的APP体验感更强大呢？ 我们通过今天的教程，一起来探索一些解决方案和包，以及如何使用它们实现...

截图：代码： //圆形进度条 CircularProgressIndicator( color: Colors.blue, backgroundColor: Colors.amber, ),

安装依赖： pub地址：https://pub.dev/packages/flutter_screenutil github地址：https://github.com/OpenFlutter/flutter_screenutil dependencies: flutter_screenutil: ^5.5.2 #屏幕适配 使...

说明： 该控件通常用于长布局的滚动。它只能包含一个子项，通常只应在期望的内容不会超过屏幕太多时使用，因为它不支持基于Sliver的延迟实例化模型，所以包含的长布局超出屏幕尺寸太多时，性能...

Switch [普通开关] Switch为material风格的开关组件，基本用法如下： var _switchValue = false; _buildSwitch(){ return Switch( value: _switchValue, onChanged: (value){ setState(() { _sw...

ListView： 它的同名构造方法中有几个参数需要说明 shrinkWrap： 当为 false 时，列表会在主轴方向上扩展到可占用的最大空间，反之列表占用的空间是其列表项高度之和，此时会耗费更多性能，每当...

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