
flutter 开发指难
文章平均质量分 74
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
圆号本昊
简介:客户端@腾讯
格言:Life's a struggle, be willing to do, be happy to fear. 活着就是折腾,甘愿做,欢喜受
GitHub:https://github.com/hornhuang
bilibili:https://space.bilibili.com/262075972
展开
-
【Bugfix】flutter GetX 使用 Obx 监听 GetxController 时,页面退出 GetxController 无法销毁
【代码】【Bugfix】flutter GetX 使用 Obx 监听 GetxController 时,页面退出 GetxController 无法销毁。原创 2023-03-16 16:25:26 · 2318 阅读 · 1 评论 -
【 flutter 】2w 字详细解析引擎初始化、启动流程源码
flutter 有多火这废话这里就不多说了,几乎所有大厂的 app 都在用,我们直接开始今天的主题# 前言flutter 可以分层三层,第一层是我们 dart 的代码,包括 UI 组件、动画、Gesture 等等,也就是每次我们新建 dart 文件,需要 import 的那些包里的类:引擎层在 github 上有一个单独的仓库 flutter/engine,这里面负责页面底层渲染,native api 的调用,包括 cpu 、 gpu 的管理调度之类。平台相关实现 层,Flutte.原创 2021-09-13 12:26:47 · 2001 阅读 · 1 评论 -
【flutter】完美解决导入 dart.ui 中缺少 platformViewRegistry.registerViewFactory 方法
# 邂逅很多情景需要使用 package:flutter_web_ui/ui.dart 或者 dart:ui ,比如显示一个网页:import 'package:flutter_web_ui/ui.dart' as ui;// 或者 import 'dart:ui' as ui;ui.platformViewRegistry.registerViewFactory( 'maphtml', (int viewId) => IFrameElement()翻译 2021-09-15 13:18:29 · 2870 阅读 · 0 评论 -
【flutter】解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web
# 前言我们在跨平台项目里 import 'dart:html' 会有警告,大致情况如下,直接编译出 web 没有问题但是跑 android/ios 就不行了,会在编译阶段 error,效果大致如下:# 解决Google 官方的意思是要做区分,我们先看看官方的要求:那么如何做区分呢?可以参考下面这个方法:import 'xxx' if (dart.library.html) 'xxx:xxx'太麻烦了,让我们来点简单的# 叛逆毕竟是自己的小项目,写得快必杀都好,我们直接用一个 thi原创 2021-09-10 20:51:26 · 15105 阅读 · 1 评论 -
「 Flutter + zsh 」设置镜像后 macOS 执行 flutter packages get / flutter pub get 依然慢
一、前言国内使用 Flutter 时,会出现 flutter 下载/更新慢的问题此时如果我们去网上搜索都是让添加镜像,但有时添加了还是不行这里我详细的总结了下解决方法二、国内镜像首先还是中规中矩,先讲一下设置镜像的方法把个人根文件夹 /Users/用户名 下,设置成显示隐藏文件这里我们看到一个名为 .bash_profile 的文件,这类似系统环境变量的配置文件双击打开后,我们在里面添加上这两行即可:为了方便大家 CV ,具体内容如下:export PUB_HOSTED_原创 2021-02-21 00:22:11 · 1350 阅读 · 0 评论 -
Flutter 封装多功能日志工具类 :Logger【终端输出带颜色】
# 效果这里先用 LogE 举例,(macOS)终端输出效果如下:# 引入需要使用日志工具我这里使用的是 logger ,映入方法如下在 pubspec.yaml 中添加以下依赖:dependencies: flutter: sdk: flutter # print colorful logs logger: ^1.0.0# 封装新建 utils 文件夹,如果项目中已经存在则跳过此步骤在这个目录下,再新建一个 dart 文件,名为 log_util.dar原创 2021-08-30 16:34:33 · 3363 阅读 · 1 评论 -
【Flutter 必知必会】页面弹出/返回时 return Future.value(false) 的作用
一、前言当我们总 flutter 应用中,跳转到其他 app 或者返回桌面时会这么调用同样的我们退出当前页面时,调用 Navigator.pop(context) 后同样也会调用 return Future.value(false) 这是为什么呢?二、原因首先我们要知道不调用会怎么样?2.1 不调用会怎么样如果我们在调用 Navigator.pop(context, false) 之后使用的是 return Future.value(true);那么按下后退按钮后,应用程序将显示原创 2021-04-17 14:06:46 · 2524 阅读 · 1 评论 -
「 Flutter 项目实战 」设计企业级项目入口 main.dart 设计与实现 ( GSYGithubApp 源码解读·二 )
???? 提示:温馨提示一下哈,这篇文章主要是针对 GitHub 上 12+k 顶级项目「 CarGuo/gsy_github_app_flutter 」 的源码解读,因为这是我目前见过最棒、最具有企业级水平的 Flutter 开源项目,整个项目的设计令我倾佩,所以我希望与大家一起分享它???? 注意:我并非什么大神,只是一个热爱分享,并希望带大家一起进步的码者,所以我也无法保证本文的方案就一定是最好的,如果有更好的方案,也希望大家在评论区分享。那么与君共勉,我们开始吧 ~一、前言初始化 F原创 2021-03-24 17:43:27 · 1257 阅读 · 2 评论 -
「 flutter 必知必会 」最强事件发布/订阅框架方案 event_bus 全局事件总线使用解析
前言原创 2021-03-23 17:02:45 · 1890 阅读 · 4 评论 -
「 flutter 必知必会 」最强数据管理方案 flutter_redux 使用解析
一、前言上篇文章我们讨论了 InheritedWidget 的使用,但是当 widget 数量很多时,使用起来会越来越麻烦,所以本文再给大家分享下,flutter_redux 的使用方法flutter_redux是基于InheritedWidget封装的用于Widget树的数据传递与共享的的一套框架,它能高效的完成数据共享,进而达到ui及时更新等目的,使用起来略显复杂,一般不是很多的数据更新不建议使用,直接用InheritedWidget就能解决,当Widget绑定的很多的时候,使用起来就会很爽了原创 2021-03-21 15:44:42 · 3506 阅读 · 9 评论 -
「 flutter 必知必会 」详细解析数据共享 InheritedWidget 完整使用
一、前言由于Flutter采用节点树的方式组织页面,以致于一个普通页面的节点层级会很深。此时,我们如果还是一层层传递数据,当需要修改数据时,就会比较麻烦。《Flutter 实战》中讲到:InheritedWidget 是 Flutter 中非常重要的一个功能型组件,它提供了一种数据在 widget 树中从上到下传递、共享的方式比如我们在应用的根 widget 中通过 InheritedWidget共享了一个数据,那么我们便可以在任意子 widget 中来获取该共享的数据!这个特性在一些需要在原创 2021-03-12 16:04:50 · 1636 阅读 · 13 评论 -
Flutter Mudule 接入 Android native「 2020 大前端混合开发 」
一、前言2020 年 flutter 不再是什么新的技术,以‘闲鱼’为首各大 app 纷纷拥抱 flutter,目前最理想的就是完全用 flutter 开发,但是由于各自的 app 都以成型,完全抛弃以前的代码全面上 flutter ,无论是人力还是物力都是不切实际的,所以目前大多数产品的思路都是进行混合开发,逐步 flutter 化由于各大 app 牵入 flutter 较早,使用技术过于老旧,鉴于这一点,我结合 Google 最新的官方文档和网上的总结,研究出一套切实可行的方案,供大家参考二、原创 2020-07-30 21:44:48 · 405 阅读 · 0 评论