首页
最新

Flutter封装组件之:分割线组件

分割线GRDivider组件 注:如果是无文字分割实线用已有的Divider组件即可 使用方法 GRDivider( dashed: true, height: 2.0, color: Colors.black45, textColor:Colors.red ), 组件API 参数名描述height线条高度color线条颜色text文本内容textColor文本颜色textSize文本大小dashed是否是虚线默认 false 组件源码 /** * author:
发布于 2024-5-12 下午9:48 阅读数 1172

Flutter封装组件之:常用标题组件

常用标题GRTitle组件 使用方法 GRTitle( leftTitle: '可点击右侧', leftIcon: Icon(Icons.bookmark_border), rightTitle: '换一换', onTap: (){print('1111');}, rightIcon: Icon(Icons.refresh,color: Colors.black45,size: 18), ), //设置颜色 GRTitle( leftTitle: '有图标标题', leftTitleColor: Colors.red, leftIcon:
发布于 2024-5-10 下午2:0 阅读数 1007

Flutter封装组件之:文本组件

Text 对齐方式textAlign 左对齐(默认) const Text('左侧对齐',textAlign: TextAlign.left), 或者 const Text('左侧对齐',textAlign: TextAlign.start), 居中对齐 const Text('居中对齐',textAlign: TextAlign.center), 右对齐 const Text('右侧对齐',textAlign: TextAlign.right), 或者 const Text('右侧对齐',textAlign: T
发布于 2024-5-9 下午4:52 阅读数 1046

Flutter CupertinoTimerPicker的使用教程和示例

在 Flutter 中,CupertinoTimerPicker小部件用于显示iOS 风格的倒计时器选择器。它显示带有小时、分钟和秒旋转器的倒计时持续时间。持续时间范围为 0 到 23 小时 59 分 59 秒。 在这篇以代码为中心的文章中,我们将研究一个完整的示例,演示如何使用 showCupertinoModalPopup() 函数实现 CupertinoTimerPicker,然后学习该小部件的
发布于 2024-5-9 下午4:30 阅读数 1171

掌握 Flutter 中的 Hooks🪝

简介 Flutter 是 Google 推出的一款跨平台开发框架,它能够让开发者使用一套代码同时构建 iOS 和 Android 应用。Flutter 中的 Hooks 是一种新的编程范式,它可以让开发者更方便地管理组件的状态。 在本文中,我们将会介绍 Flutter 中的 Hooks,包括它的基本用法、常见的 Hooks 类型以及如何编写自定义的 Hooks。 基本用法 在 Flutte
发布于 2023-4-7 上午9:15 阅读数 2372

解决 Flutter 中的 UI Jank

作为一名 Flutter 开发者,你一定知道 Jank 是什么。它是指在应用程序运行过程中出现的卡顿、卡顿、卡顿。它不仅会影响应用程序的用户体验,而且还会导致应用程序的性能和稳定性问题。因此,解决 Jank 是非常重要的。 那么,在 Flutter 中,最重要的 Jank 是什么呢?答案是 UI Jank。也就是说,当你的应用程序界面出现卡顿、卡顿、卡顿时,就
发布于 2023-4-3 上午10:45 阅读数 1324

Flutter 中的 GC Jank

如果你是一个 Flutter 开发者,你一定会遇到过应用程序卡顿的问题。这种卡顿很可能是因为 Garbage Collection(垃圾回收)引起的。在本篇文章中,我将详细讲解 Flutter 中最重要的 GC Jank(卡顿)问题,并提供一些解决方案。 什么是 GC Jank? 在 Flutter 中,我们使用 Dart 语言进行开发。Dart 是一种垃圾回收语言,这意味着开发者无需
发布于 2023-4-3 上午10:44 阅读数 1580

Flutter 状态管理

Flutter 状态管理工具概述 Flutter 是一种快速发展的移动应用开发框架,它提供了许多强大的工具和库,以帮助开发人员构建高效、美观和易于维护的移动应用。其中一个重要的工具就是状态管理器,它帮助我们在 Flutter 应用中管理应用状态,从而使我们的代码更加模块化、可维护和可扩展。 在 Flutter 中,我们可以使用多种状态管理工具,
发布于 2023-4-3 上午10:39 阅读数 1234

Flutter3.0开发环境的配置

Flutter是Google推出的一款跨平台移动应用开发框架,支持iOS、Android、Web、Windows、macOS和Linux等多个平台。为了使用Flutter进行开发,首先需要配置Flutter开发环境。 本文将详细介绍Flutter3.0开发环境的配置方法: 一、安装Flutter SDK Flutter SDK是Flutter开发的核心工具,需要首先下载并安装。Flutter SDK支持Windows、macOS和L
发布于 2023-3-9 下午11:57 阅读数 2085

Flutter 3.7 的新特性

Flutter 3.7 的新特性 Material 3 更新、iOS 改进等等! 我们很高兴随着 Flutter 3.7 的发布开启 2023 年!在 Flutter 3.7 中,我们作为一个社区,继续改进框架,增加了一些很棒的新功能,例如:创建自定义菜单栏的能力、级联
发布于 2023-1-29 下午2:25 阅读数 1897

Flutter 如何在widget里面使用if-else

if-else经常在方法或者函数中使用,但是在flutter的widget中使用会报错。当然条件简单的,我们用三元运算符就能搞定,但是如果条件复杂,为了代码清晰,我们还是要用if-else。下面以一个点赞功能作为例子。 错误的使用方式:
发布于 2023-1-23 下午11:48 阅读数 3706

Flutter CustomClipper 自定义裁剪的应用

什么是CustomClipper CustomClipper并不是一个组件,而是一个abstract(抽象)类,使用CustomClipper可以绘制出任何我们想要的形状。 ClipPath 裁剪路径 ClipPath用于创建任何形状的非常自定义的小部件。 ClipPath( clippe
发布于 2023-1-19 下午6:29 阅读数 1546

Flutter CustomPaint 绘制贝塞尔曲线和样条曲线(CatmulRomSpline)

什么是贝塞尔曲线 贝塞尔曲线基本上是控制点之间的插值,在本文中,我们将研究线性、二次和三次贝塞尔曲线。 线性贝塞尔曲线 贝塞尔曲线只是控制点之间的插值,因此我们可以说线性贝塞尔曲线只是两点之间的插值。 插值是什
发布于 2023-1-17 中午12:4 阅读数 2292

Flutter - ExpansionTile、ExpansionPanelList折叠面板

ExpandIcon是一个旋转展开/折叠按钮的组件 构造函数 const ExpandIcon({ super.key, this.isExpanded = false,//是否展开 this.size = 24.0,//图标大小 required this.onPressed,//点击回调 this.padding = const Ed
发布于 2023-1-14 下午3:39 阅读数 2134

Flutter - Provider的几类用法

什么是Provider Provider是 Flutter 中最流行、最成熟的状态管理方法之一。 Provider 的内部 DelegateWidget 是一个 StatefulWidget ,所以可以更新且具有生命周期。 Provider 是InheritedWidget的包装器。 Provider原理
发布于 2023-1-13 下午11:29 阅读数 2588

flutter 步骤条 Stepper

步骤条Stepper Stepper 构造函数 const Stepper({ super.key, required this.steps,// List<Step> this.physics,//滑动的物理效果 this.type = StepperType.vertical,//横向与纵向两种,默认为 StepperType.ver
发布于 2023-1-1 下午4:59 阅读数 2050
Flutter

Flutter

文章: 16关注: 8点击: 758
推荐作者
帮助你提高代码质量
暂无描述
热爱摄影的程序员!
名士风流,国士无双
Just do it.