flutter项目常用组件

最新推荐文章于 2025-07-29 09:38:36 发布
原创 最新推荐文章于 2025-07-29 09:38:36 发布 · 656 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter

本文详细介绍了 Flutter 中常用的 UI 控件，包括 StatefulWidget 和 StatelessWidget 的使用场景对比，BottomNavigationBar 的配置方法，IndexedStack 的布局原理，以及 OutlinedButton、Text、Card 等基本组件的应用技巧。

StatefulWidget
StatelessWidget

BottomNavigationBar
BottomNavigationBarItem
IndexedStack

Padding
Scaffold
Container
Wrap
OutlinedButton
Text
WillPopScope
Column
Icon
SizedBox
ListView
RichText
WidgetSpan
TextSpan
GestureDetector
Center
TextButton
Material
Card
ScreenUtilInit
RefreshConfiguration
Stack
Align
Positioned
Divider
Offstage
Expanded
InheritedWidget
Consumer
SafeArea

Flutter 下拉刷新之RefreshIndicator
yechaoa
08-02 1万+
效果 属性 RefreshIndicator 是 Material Design 风格的下拉刷新控件，所以同android中的SwipeRefreshLayout用法一样，嵌套在外层即可。 先了解一下属性： const RefreshIndicator({ Key key, @required this.child, this.displacement = 40.0,...
32 Flutter RefreshIndicator
LJLThomson的博客
04-27 767
Flutter RefreshIndicator和CupertinoSliverRefreshControl 下拉刷新组件 1.简介 官方下拉刷新组件，如果需要底部的加载，需要使用监听， 2.属性 const RefreshIndicator({ Key key, @required this.child, //子集 this.displacement = 40.0, //触发下拉刷新的距离 @required this.onRefresh, //下拉回调方法
Flutter 中的 RefreshIndicator 小部件：全面指南
smileKH的博客
05-17 2409
是 Flutter 的 Material 组件库中的一个控件，它实现了下拉刷新的功能。当用户在滚动视图中下拉时，如果处于可见状态，用户可以继续下拉来触发刷新动作。// 执行刷新逻辑},slivers: [),index'));},),),],),
Flutter 下拉刷新、上拉加载
yang_6799的博客
12-01 5658
pull_to_refresh的简介与使用
Flutter的SmartRefresher
star_nwe的博客
04-23 4037
SmartRefresher是一个可以自定义下拉刷新和上拉加载的 Flutter 组件，它继承自 StatefulWidget，并实现了 RefreshIndicator 接口。下面我们来看一下 SmartRefresher 的源代码实现。 首先，我们来看一下 SmartRefresher的构造函数：
Flutter（1）：常用组件
羽墨灵丘的博客
08-17 2890
flutter 常用组件整理
flutter开发者帮助APP包含flutter常用130组件的中文文档与demo演示
08-07
Flutter开发者帮助APP是一款专为Flutter开发者设计的辅助工具，它提供了130个常用Flutter组件的中文文档和示例演示，旨在帮助开发者更高效、更深入地理解和运用这些组件。这款APP不仅对于初学者友好，同时也对有经验...
【Flutter】图片组件Image&图标组件Icon
一以贯之的努力 不得懈怠的人生
05-24 2736
介绍了图片组件Image和图标组件Icon的使用。
8、Flutter 常用组件使用指南
最新发布
pink的博客
07-29 90
本博客详细介绍了 Flutter 开发中常用组件的使用方法，包括 Scaffold、AppBar、Container、Center、SizedBox 和 Column 等组件。通过示例代码和注意事项，帮助开发者高效构建美观且易于维护的应用程序。同时，还介绍了代码重构的要点以及组件组合使用的技巧，适用于初学者和进阶开发者。
Flutter常用布局组件详解与实例代码
首先来看**Row和Column组件**，这是Flutter中最基础也是最常用的线性布局组件。Row用于实现水平方向（主轴为X轴）的子组件排列，而Column则用于垂直方向（主轴为Y轴）的布局。两者都继承自Flex类，共享许多相同的...
升级Flutter 3.32.3后pull_to_refresh下拉刷新阻尼过小振荡过大
欢迎加入Android老司机学院 482266514（技术交流群）密码优快云
06-18 633
修复方法自定义调整回弹属性springDescription。
iOS- flutter flavor 多环境Configurations配置
samuelandkevin的专栏
10-14 2347
APP_DISPLAY_NAME**，意思是为不同环境添加不同的App名称。在这里我添加了4个Scheme，Dev、Test、MTest、Prod。选项中，输入: ${APP_DISPLAY_NAME}三、基于Runner项目添加新的Scheme，如下图。四、在Bulid Settings，点击左上角**+，为不同环境配置相应的bundle id。的Runner，选择Info选项，在。的Runner项目，选择。
SpringIoc源码（十一）- ApplicationContext（七）- refresh（ConfigurationClassPostProcessor下）
it_lihongmin的博客
12-16 436
目录 doProcessConfigurationClass（解析配置类） 1、@Component 2、@PropertySources、@PropertySource 3、@ComponentScans、@ComponentScan 4、@ImportSelector、@import 5、@ImportResource 6、@Bean 7、解析接口上的Bean doProce...
【Flutter】监听RefreshIndicator下拉到可刷新位置时震动
zylvip的博客
08-01 476
在Flutter中监听RefreshIndicator到达可刷新位置，在可刷新时给予震动反馈。
Flutter中下拉刷新功能的实现
我叫柱子哥
11-19 3003
效果。我们知道Flutter实现了两种风格的脚手架，一种是iOS风格的，一种是material风格的。刷新组件也一样,Flutter中Materi风格的widget名称叫做RefreshIndicator,iOS风格的widget名称叫做CupertinoSliverRefreshControl。
Android输入管理服务启动过程源码分析
深入剖析Android系统
11-05 5137
Android系统的输入管理服务同其他服务一样，也是驻留在SystemServer进程中，该服务是随WindowManagerService服务启动而启动。在frameworks\base\services\java\com\android\server\SystemServer.java中的ServerThread线程中启动WindowManagerService，WindowManagerService是Android的Java服务，也是遵循Java层Binder通信框架设计的，其类结构关系如下图所示：
flutter 每个控件都可以单独抽出来
weixin_44911775的博客
12-05 514
一个布局可能会有很多组件 ，每个组件都可能是一个大功能，可能要用一大堆代码实现，这时候就可以把那个组件拆出来，单独放在一个类里面了。一个组件拆出来，放在一个类里面，单独展示的话就是全屏显示的一个组件，然后抽出来的时候就是设宽高，直接调用这个类。或者如果已经调好的就直接调用这个类 比如发布按钮和跳到顶部的按钮就可以拆分出来。 因为发布按钮是一个动画来的，所以也单独拆到一个类里面，实现的功能代码也放在这个类里面，清晰明了。怎么拆？可以单独跳转到那个动画按键界面，它是满屏的，居中的。同样道理，满屏变成宽70和高
flutter刷新页面_Flutter 17: 图解 ListView 下拉刷新与上拉加载 (一)【flutter_refresh】...
weixin_30765637的博客
12-23 607
小菜上次学 ListView 时，只学习了一下异步请求数据加载新闻和 Loading 等待的小知识点，但对于新闻列表数据的更新和加载更多是必不可少的，而实现【下拉刷新】与【上划加载更多】的方式有很多种，今天小菜整理一下使用三方库 flutter_refresh 集成很简单，不用单独写头部样式和底部加载时的 loading 等；二是小菜技术太有限，对 Flutter 的未知有太多，想多尝试几种方式。...
Flutter采坑之路 Run Configuration error:broken configuration due to unavailable
weixin_34241036的博客
02-26 369
今天把AndroidStudio升级成了3.3.1 原先还能编译成功的Flutter工程突然连编译都不行了， 错误是 Run Configuration error:broken configuration due to unavailable 其原因是Flutter还停留在原先3.2.1的版本上，这个插件是和AS版本走的，所以升级下插件版本即可 转载于:https://www.cnblo...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值