![](https://img-blog.csdnimg.cn/602b54f428aa4ab489b4de298c023e12.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter
文章平均质量分 86
组件,原理,技巧
IAM17前端
web 前端,移动领域 flutter 优质内容创作者
展开
-
Flutter TextField 交互实例 —— 新手礼包
描述尽量详细,实例讲解,包会!包含所有常见 TextField 交互示例。修改文本,焦点控制,自定义验证应有尽有。原创 2023-04-07 07:35:04 · 4437 阅读 · 120 评论 -
Flutter Row 实例 —— 新手礼包
本篇为新手准备的,用实例说明,配图 + 文字说明尽量详细。着重讲了弹性布局。最后讲了嵌套在 Row 和 LIstView 中的注意事项。原创 2023-03-28 09:37:21 · 5296 阅读 · 110 评论 -
Flutter IOS 新建打包发布全流程 2023 版
这是一份 2023 最新版的 Flutter IOS 新建打包发布全流程介绍,从此 IOS 打包不求人。原创 2023-03-13 10:41:31 · 10484 阅读 · 73 评论 -
Flutter Android 打包保姆式全流程 2023 版
这是一份 2023 完整的最新版的 Flutter Android 新手打包全流程介绍,包含完整示例项目,从此 android 打包不求人。原创 2023-03-06 08:38:46 · 3740 阅读 · 27 评论 -
Flutter Button 实例
本文列举一些常用的 button 效果,以便在用到的时候方便使用。因为 ElevatedButton 最常用,所以大多以 ElevatedButton 举例。原创 2023-03-03 09:46:14 · 2036 阅读 · 20 评论 -
快速掌握 Flutter 图片开发核心技能
精选最常用的使用图片的场景,比如 9 图,轮播图缓存。示例完整,描述详尽,包会!最后还分析了图片类的关系。原创 2023-02-28 07:23:01 · 1421 阅读 · 15 评论 -
在 Flutter 中使用 webview_flutter 4.0 | 基础用法与事件处理
演示如何从 url,String,文件,Asset 获取并显示页面,介绍了在滚动 widget 中响应手势事件的方法。尽量详细,多配示例。原创 2023-02-27 09:09:36 · 9399 阅读 · 20 评论 -
Flutter WebView 如何与 h5 同步登录状态
本文讲如何从WebView 同步登录 token 到 h5,以及如何从 h5 同步登录 token 到 WebView,同时还有如何保证 token安全的内容。原创 2023-02-20 09:55:49 · 2396 阅读 · 36 评论 -
在 Flutter 中使用 webview_flutter 4.0 | js 交互
通过两个示例介绍了 webview_flutter 4.0 与网页交互的三种方案:拦截 URL,JavaScriptChannel 和 js 注入。原创 2023-02-14 07:53:53 · 10366 阅读 · 8 评论 -
Flutter WebView 性能优化,让 h5 像原生页面一样优秀
本文讲解了如何优化 Flutter WebView 的打开速度,让 h5 和原生页面的打开速度一样快。原创 2023-02-13 10:22:53 · 3618 阅读 · 19 评论 -
flutter 升级到 3.7.3 报错 Unable to find bundled Java version
升级 Android Studio 和 Flutter 到 3.7.3 后报错了。本文记录了解决问题的过程。原创 2023-02-11 14:51:02 · 3878 阅读 · 1 评论 -
【剪裁 widget】Flutter ClipRect
用一个矩形去剪裁 child,矩形以外的部分不显示。通过和一些没有剪裁功能的 widget 合用,剪裁这些 widget 溢出的部分,还能高效的实现动画。原创 2023-02-08 09:46:07 · 494 阅读 · 0 评论 -
【布局 widget】Flutter Baseline
Baseline 是布局 widget,作用是让 child 的基线和指定的位置重合。很多同学不知道如何用这个 widget 是因为对基线不是很理解。本文通过示例演示基线的位置和应用场景。原创 2023-02-08 09:37:42 · 228 阅读 · 0 评论 -
【布局 widget】Offstage 与 Visibility
Offstage 与 Visibility 都是用来控制显隐的,让人感觉很简单,但还是有一些细节需要注意的。原创 2023-02-07 07:41:08 · 170 阅读 · 0 评论 -
【动画 widget】Flutter SlideTransition
SlideTransition 根据位置的变化产生动画效果的 widget。一些 widget 是以 SlideTransition 为基础做的动画效果。原创 2023-02-05 19:41:48 · 617 阅读 · 0 评论 -
在 dart 中使用 tear-off
dart tear-off 是一种更简洁的写法。 tear-off 解释: 一个闭包,它采用与函数相同的参数,并在您调用它时调用底层函数。 如果没有理解不要着急,看几个例子就明白了。原创 2023-02-05 19:40:36 · 128 阅读 · 1 评论 -
【布局 widget】 Flutter FractionallySizedBox
FractionallySizedBox 是布局 widget,可以给 child tight 约束,多用于按比例填充空白。原创 2023-02-03 17:46:13 · 371 阅读 · 0 评论 -
【布局 Widget】 Flutter SizedBox
Flutter Sizedbox 是一个 布局组件,用来给 child 添加 tight 约束的,也可以用来添加空白,还可以用于占位。原创 2023-02-02 17:22:23 · 476 阅读 · 1 评论 -
一个完整的 ParentDataWidget 示例
ParentDataWidget 对于布局很重要,本文用一个自定义实例让你能够亲自体验 ParentDataWidget 作用和用法。原创 2023-01-31 11:37:59 · 205 阅读 · 3 评论 -
【布局 widget】Flutter Align
Align 平时用的最多的恐怕就是居中,居左居右定位这样的功能了,实际上 Align 可以让 child 相对 Align 显示在任意位置。原创 2023-01-30 11:36:29 · 388 阅读 · 0 评论 -
使用 AspectRatio Widget
AspectRatio widget 是用来约束宽高比例的,如果你需要 widget 必须要有一定的宽高比,这个组件就很有用。原创 2023-01-30 11:34:07 · 197 阅读 · 5 评论 -
【布局 widget】Flutter Stack
当你想叠放一些组件的时候, stack 组件非常有用。相当于 web 中 的 `relative`和`absolute` 定位产生的效果。原创 2023-01-28 14:22:19 · 308 阅读 · 2 评论 -
flutter 使用 http 请求数据
flutter 虽然有原生的 HttpClient ,http 对开发会更友好,这是官方推荐的网络请求模块。本文对 http 的 使用方法进行了详细说明。原创 2023-01-25 15:56:09 · 1298 阅读 · 1 评论 -
【无标题】flutter 动画入门
flutter 动画相关的有很多类。一开始的时候不知道怎么用。本文通过示例,逐步展示相关的类的用法。为了展示动画原理,我们从 AnimationController 类开始。原创 2023-01-20 08:21:35 · 132 阅读 · 3 评论 -
flutter 溢出七种布局方案
让大家了解一下,哪些组件可以溢出,就这样的能力,等遇到问题的时候,会第一时间想起来。原创 2023-01-19 16:21:54 · 1396 阅读 · 2 评论 -
flutter 约束(constrains )实例研究
flutter 中的布局遵循这样的原则 constrains go down ,sizes go up. Parent sets position. 直译过来就是 constrains 向下传递,sizes 向上传递。parent 决定尺寸。原创 2023-01-19 16:20:08 · 416 阅读 · 2 评论 -
dart list 数组详解
相比于 js dart list 最明显的一个特点就是可以是强类型。为了能更好的从前端的视角分析 dart list ,从 dynamic 类型开始解释各个方法。原创 2023-01-18 09:34:29 · 662 阅读 · 2 评论 -
dart 中的 dynamic
dynamic 让 dart 在编译时放弃类型检查,只有在运行时才会做类型判断。如果父类没有定义方法的返回值类型,子类可以随意定义方法的返回值类型。eat 返回 dynamic,子类中的 eat 返回 String 是可以的。写上 dynamic 也是可以的。dynamic 在 dart 中自由度最大。让 dart 具有充分的灵活性。如果所有变量都用 dynamic,相当于完全放弃类型检查。8 函数参数如果没有指定类型也是dynamic。原创 2023-01-18 09:17:55 · 1054 阅读 · 2 评论 -
使用 Flutter Navigator2.0 最舒服的姿势
flutter 路由2.0 的文章不少,大都是讲理论居多,本文主要讲实战。在 Navigator 2.0 中,如果不考虑 web,只需要实现 RouterDelegate 就可以了。每次都实现一遍太没效率。我们可以从 RouterDelegate17 开始。原创 2022-06-26 12:07:37 · 1578 阅读 · 2 评论