logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flutter 基础组件

在 Flutter 中,Widget 是构成用户界面的基本单元。它不仅仅是 UI 控件,还包括布局、样式、交互行为的描述。Flutter 的界面完全由 Widget 树构成,通过组合不同的 Widget,我们可以构建出复杂的用户界面。无状态组件(StatelessWidget):UI 不随时间或用户交互改变,比如一个固定的文本或图标。有状态组件(StatefulWidget):UI 可以根据数据或

#flutter#前端
Flutter 组件详解:无状态与有状态组件

Flutter 中的组件是一种可组合、可重用的构建块,用于构建各种用户界面。无状态组件和有状态组件的划分基于组件内部状态是否可变。这种分类方式使得开发者能够根据具体的业务需求选择合适的组件类型,以实现高效、灵活的界面开发。无状态组件和有状态组件在 Flutter 开发中都扮演着重要的角色。无状态组件适用于展示静态内容,结构简单且性能开销较小;有状态组件则用于处理交互式和动态变化的场景,虽然生命周期

#flutter#开发语言
Flutter Wrap 组件详解

特性说明自动换行子组件在水平方向排不下时自动换行到下一行流式布局按从左到右、从上到下顺序自然排列灵活间距支持设置子组件间距(spacing)和行间距(runSpacing对齐控制支持主轴对齐、交叉轴对齐、行间对齐轻量易用无需复杂配置,适合大多数流式布局需求Wrap 是 Flutter 中实现流式布局的利器,特别适合处理多个小组件需要横向排列且自动换行的 UI 场景,是 Row 的“升级版”,也是构

#flutter
Flutter 组件详解:Container

特性说明功能集成一个组件集成背景、边框、圆角、内边距、外边距、对齐、变换等多种功能。灵活组合通过属性组合实现复杂 UI(如带阴影的圆角卡片)。布局友好支持尺寸控制(widthheight)和约束(),适配不同场景。视觉增强通过decoration实现渐变、阴影、边框等高级效果。万能容器既可以承载子组件,也可以作为无内容的占位符或装饰层。🎯一句话总结Container是 Flutter 中“最懂布

#flutter
Flutter 线性组件详解

组件作用排列方向主轴方向适用场景Row水平线性布局水平(从左到右)水平方向图标 + 文本、按钮组、横向排列等Column垂直线性布局垂直(从上到下)垂直方向表单、页面主体布局、竖向排列等。

#flutter#前端
Flutter 布局组件详解

Flutter 提供了丰富且灵活的布局组件,掌握这些组件的特性与使用方法是构建美观、高效 UI 的关键。组件作用适用场景Row水平排列子组件一行内的图标+文字等Column垂直排列子组件垂直信息展示ExpandedFlexible分配剩余空间比如两边固定,中间自适应Stack组件堆叠图片+文字覆盖等Padding添加内边距给子组件加边距Container通用容器组合样式、布局、装饰等ListVie

#flutter#前端
Flutter 点击事件详解

如果你有一个自定义的 Widget(比如一个卡片、头像、自定义布局)方式适用场景是否需要额外组件是否有反馈推荐程度按钮内置 onPressed(如 ElevatedButton)标准按钮点击❌ 不需要✅ 有⭐⭐⭐⭐⭐任意组件添加点击✅ 需要❌ 默认无⭐⭐⭐⭐InkWell带水波纹点击效果✅ 需要(建议放在 Material 下)✅ 有(水波纹)⭐⭐⭐⭐⭐列表项点击❌ 不需要✅ 可自定义⭐⭐⭐⭐图标

#flutter
Flutter ListView 组件及各种模式

模式构造函数适用场景特点基础列表列表项少、固定一次性构建所有子项,简单但性能差动态列表(推荐)列表项多、动态生成按需构建,性能好,适合长列表带分隔线列表需要 item 间分隔在 builder 基础上增加分隔 widget自定义滚动需要完全控制列表布局使用,高级用法水平列表横向滑动内容比如轮播图、横向菜单。

#flutter
树形选择器组件封装

是一个高度可配置的Flutter树形结构选择器组件,专门用于处理行业分类、组织架构等具有层级关系的数据选择场景。组件支持单选/多选、搜索过滤、展开折叠、标签展示等完整功能。/// 初始选中的值/// 成功回调/// 选中值改变回调///是否显示顶部标题:true-显示,false-不显示///是否显示底部标签///上滑弹框顶部titletopTitle;///是否显示底部按钮:true-显示,fa

#前端#flutter
Flutter ListView 组件及各种模式

模式构造函数适用场景特点基础列表列表项少、固定一次性构建所有子项,简单但性能差动态列表(推荐)列表项多、动态生成按需构建,性能好,适合长列表带分隔线列表需要 item 间分隔在 builder 基础上增加分隔 widget自定义滚动需要完全控制列表布局使用,高级用法水平列表横向滑动内容比如轮播图、横向菜单。

#flutter
    共 20 条
  • 1
  • 2
  • 请选择