![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter 初识
文章平均质量分 95
讲述Flutter基础控件的功能与用法
数星星的磊
这个作者很懒,什么都没留下…
展开
-
Flutter 初识:对话框和弹出层
Dialog 是一个 Flutter 小部件,用于显示对话框。原创 2024-08-16 15:30:00 · 1109 阅读 · 0 评论 -
Flutter 初识:数据显示控件
Stepper 是 Flutter 中用于显示多步骤流程的小部件,通常用于需要分阶段完成的任务。它可以显示确定或不确定的进度状态。Tooltip 是 Flutter 中用于显示工具提示的小部件,当用户长按或悬停在某个元素上时会出现一个带有说明信息的弹出框。Chip 是 Flutter 中用于显示信息的紧凑元素,它通常包含一个标签和可选的图标、删除按钮等,并且可以用作交互式元素。Badge 是 Flutter 中用于显示额外信息的小部件,通常出现在图标或按钮的角落,以提示用户某些状态或通知。原创 2024-08-08 15:30:00 · 791 阅读 · 0 评论 -
Flutter 初识:数据表格和卡片
DataCell 是 Flutter 中用于定义 DataRow 中单元格的小部件。TableCell 是 Flutter 中用于定义 TableRow 中单元格的小部件。Table 是 Flutter 中用于显示表格布局的小部件。TableRow 是 Flutter 中用于定义 Table 的行的小部件。DataTable 是 Flutter 中用于展示数据表格的小部件,通常用于显示大量结构化的数据。Card 是 Flutter 中用于创建卡片样式小部件的容器,它通常用于在应用中展示信息块。原创 2024-08-01 15:30:00 · 1514 阅读 · 0 评论 -
Flutter 初识:高级控件
ClipPath 是 Flutter 中用于根据自定义路径裁剪子组件的小部件。它允许你创建任意形状的裁剪效果,通过提供一个自定义的 CustomClipper来定义裁剪路径。原创 2024-07-26 15:30:00 · 1044 阅读 · 0 评论 -
Flutter 初识: Material Design 布局和结构控件
它提供了一个默认的页面框架,包括应用栏、抽屉、浮动操作按钮和底部导航栏等元素。BottomNavigationBar 是 Flutter 中用于实现底部导航栏的小部件,通常用于在应用程序的不同页面之间进行导航。MaterialApp 是 Flutter 中的主要应用小部件,提供了一个 Material Design 风格的应用框架。TabBar 是 Flutter 中用于实现选项卡导航的小部件,它通常与 TabBarView 一起使用,以在应用程序中创建标签页布局。原创 2024-07-18 15:30:00 · 1391 阅读 · 0 评论 -
Flutter 初识:导航控件
CupertinoPageRoute 是一个iOS风格的页面路由,用于在iOS平台上提供一致的导航体验。它同样继承自PageRoute,并实现了TransitionRoute用于处理页面切换时的过渡动画。MaterialPageRoute 是一个材料设计风格的页面路由,用于在安卓平台上提供一致的导航体验。Navigator 用于管理应用程序的路由,通过堆栈结构来实现页面的进出。它支持页面的推入(push)和弹出(pop)操作,允许在应用中进行复杂的导航模式。尝试从导航堆栈中弹出当前页面。原创 2024-07-13 16:57:23 · 839 阅读 · 0 评论 -
Flutter 初识:列表和滚动控件
ListView.custom 是 Flutter 中一个高度可定制的列表视图构造函数,可以使用自定义的 SliverChildDelegate 来控制子项的生成和管理。NestedScrollView 是 Flutter 中一个用于嵌套滚动的控件,通常用于实现带有固定或浮动头部的复杂滚动布局。ListView 是一个 Flutter 中的控件,用于显示可滚动的列表。这个示例展示了如何使用 NestedScrollView 来构建一个具有复杂滚动布局的视图,其中包括一个浮动的头部和一个可以滚动的主体部分。原创 2024-07-01 15:30:00 · 1088 阅读 · 0 评论 -
Flutter 初识:图像与媒体控件
常见的 ImageProvider 子类包括 AssetImage、NetworkImage 和 FileImage,分别用于加载本地资源图片、网络图片和文件系统中的图片。FadeInImage 是 Flutter 框架中一个非常有用的小部件,用于在加载网络图像或资源图像时显示占位符,并带有淡入淡出的动画效果。它是常见的用于提升用户体验的方式。请注意,在 _loadImageBytes 函数中,我们使用了示例性的数据加载逻辑,实际应用中应替换为真实的图像加载逻辑,例如通过 HTTP 请求获取图像字节数据。原创 2024-07-06 15:30:00 · 592 阅读 · 1 评论 -
Flutter 初识:容器控件
BackdropFilter 是 Flutter 中的一个控件,用于在其子控件后面应用图像滤镜效果,如模糊、颜色滤镜等。LayoutBuilder 是一个 Flutter 中的控件,用于构建一个子树,该子树可以基于父控件提供的布局约束来动态地调整其尺寸和布局。通过 LayoutBuilder 控件,可以根据父控件的布局约束来动态调整子控件的尺寸和位置,从而实现自适应布局。通过 OverflowBox 控件,可以灵活地处理子控件的布局,使其能够在超出父控件约束的情况下进行绘制。原创 2024-06-26 15:30:00 · 991 阅读 · 0 评论 -
Flutter 初识:布局控件
FractionallySizedBox 是 Flutter 中的一个控件,用于按照一定比例调整其子控件的大小。它允许你设置子控件相对于父控件的宽度和高度的比例。SizedBox 是 Flutter 中的一个常用控件,用于创建固定尺寸的空白区域或限制子控件的尺寸。Center 是 Flutter 中的一个常用控件,用于将其子控件放置在父容器的中心。Align 是 Flutter 中的一个常用控件,用于将其子控件对齐到指定的位置。Stack 是 Flutter 中的一个常用控件,用于将其子控件堆叠在一起。原创 2024-06-18 15:30:00 · 864 阅读 · 0 评论 -
Flutter 初识:输入文本控件
TextField: 独立的文本输入框,适合简单的输入场景,没有内置的验证功能。TextFormField: 基于 TextField 的扩展,集成了表单验证功能,适合复杂的表单场景,需要在 Form 中使用。CupertinoTextField: iOS 风格的文本输入框。AutofillGroup: 允许多个文本输入字段共享自动填充上下文。EditableText: 更底层的文本输入组件,提供高度可定制性。原创 2024-06-06 20:04:54 · 841 阅读 · 0 评论 -
Flutter 初识:按钮控件
如果内置的按钮不能满足需求,你也可以通过组合不同的小部件来自定义按钮。例如,使用 GestureDetector 来实现自定义按钮行为。原创 2024-06-12 15:30:00 · 1700 阅读 · 0 评论 -
Flutter 初识:文本控件
简单文本: 使用 Text。富文本: 使用 RichText 或 Text.rich。可选择文本: 使用 SelectableText。iOS 风格文本: 使用 DefaultTextStyle 配合 Cupertino 风格。如果你只需要显示文本,大多数情况下 Text 已经能够满足需求,而对于更复杂的样式和功能,你可以选择 RichText、SelectableText 等控件。原创 2024-06-02 15:30:00 · 1001 阅读 · 0 评论