xiangzhihong8的专栏

在Flutter的状态管理框架中，主流的状态管理框架有四个：GetX（又称为Get）、BLoC、MobX、Provider。

有时候，为了迅速获客，会在注册登录页支持第三方登录，目的是借用这些产品庞大的用户量。在国内，常见的第三方登录有微信、qq和微博。对于一些国际的软件/网站来说，支持的比较多的第三方登录是Google、Facebook和Twitter等。这里记录下Facebook第三方登录的过程，下面是一个Facebook第三方登录流程说明。

在2022年6月Google官方发布的Flutter 3.0 版本中，正式将渲染器 Impeller 从独立仓库中合入 Flutter Engine 主干进行迭代，这是2021年Flutter团队推动重新实现Flutter渲染后端以来，首次明确了Impeller未来代替 Skia 作为 Flutter 主渲染方案的定位。Impeller的出现是Flutter团队用以彻底解决 SkSL（Skia Shading Language）引入的Jank问题所做的重要尝试，那什么是着色器编译Jank问题呢？...

接下来，定义一个路由表的管理类，用来同意管理应用的路由，需要使用@MaterialAutoRouter注解进行标识，如下。],)要生成路由文件的一部分而不是独立的 AppRouter 类，只需将 Part 指令添加到AppRouter 并扩展生成的私有路由器即可。],)接下来，我们使用build_runner提供的命令即可生成路由代码。//自动刷新路由表//生成路由代码。...

在Flutter插件开发过程中，有时候需要在FlutterPlugin中获取上下文信息，那可以使用FlutterPluginBinding来获取，代码如下：

在Flutter插件开发过程中，有时候需要在FlutterPlugin中获取上下文信息，那可以使用FlutterPluginBinding来获取，代码如下：

Flutter 2.10 版本发布已经发布有两个月了，最近在开发Flutter的时候，有第三方插件使用了Flutter 2.10，导致我们项目也需要升级2.10。下面就Flutter从 2.8 升级的到 2.10 ，需要注意的一些东西做一个总结。1， Kotlin 版本因为Flutter 2.8之前的旧版本使用的Kotlin版本是1.3.x 的版本，而Flutter 2.10 强制要求 1.5.31 以上的版本，所以升级Flutter 2.10版本后，需要升级Kotlin 版本。buildscript

一、简介在Flutter开发中，或多或少的都会设计到页面的多状态管理，如果大家对Flutter技术比较熟悉的话，那么应该知道下面的一些状态管理框架，像Bloc，Getx我都用过，整体来说再状态管理不是很复杂的情况下还是可以的。接下来，我们来看一下Flutter官方推荐的状态管理框架Provider是如何使用的。Flutter 针对不同类型对象提供了多种不同的 Provider；Provider 也是借助了 InheritWidget，将共享状态放到顶层 MaterialApp 之上;setStat

一、背景为了更好地支持将Flutter添加到现有项目的执行环境，旧的Android平台端包装器在io.flutter.app.FlutterActivity及其相关类托管Flutter运行时已被弃用。取而代之的则是io.flutter.embedding.android.FlutterActivity及其相关的类。如果我们不进行升级，那么运行flutter doctor命令时会报如下的错误。Your Flutter application is created using an older versio

QTalk 是去哪儿网内部的一个 IM 沟通工具，同时集成了很多内部的系统，比如 OA 审批，门禁打卡，请假审批，预定会议室，驼圈（驼厂朋友圈）等功能；方便内部办公沟通、交流的同时，也为无纸化办公，流程审批等提供了支持。一、原有产品框架在决定 Flutter 重构之前，我们盘点了现有的 QTalk 工程架构的问题，主要表现为：各端差异性大：Android、iOS 以及 QT 开发框架 （一个 C++桌面端跨平台解决方案） 三端逻辑代码差异大，代表性的有 Web 加载逻辑，移动端 React Nat

前几天，Flutter 2.10 发布了正式版本，该版本距离上个版本的发布还不到两个月时间，但即使在这么短的时间内，Flutter 已经关闭了 1843 个问题，合并了 1525 个 PR。在2.10版本中，主要的更新内容包括对Flutter的Windows支持的一个大更新，几个显著的性能改进，框架中的图标和颜色的新支持，以及一些工具的改进。此外，我们还获得了一些关于删除开发频道、减少对旧版本iOS的支持的更新，以及一些重大变化。Flutter Windows 桌面端支持进入稳定版Flutter 跨平

众所周知，在做Flutter开发的时候，它是自带有热重载/热重启功能的，不过，或许你会发现，当我们在原生工程中接入Flutter模块后，热重载/热重启好像都失效了，那么怎么才能在混合项目中使用热重载/热重启，以及怎么实现混合项目的代码调试呢？在介绍这些之前，我们先来看看原生接入Flutter模块，不知道如何接入的同学，可以参考下面的文章：Flutter混合开发之FlutterFragment和原生Android工程接入Flutter aar。首先，我们打开一个Android模拟器或者连接一个真机。关闭我

原文链接：满帮动态化Flutter框架“Thresh”，现在开源了一、前言移动端技术栈自诞生以来，其双端开发成本和发布效率一直广受诟病。为了解决这些问题，前端跨端技术一直在不断尝试，希望能一次开发、多端运行并且能做到快速发布。期间经历了多个技术发展阶段。第一阶段：以H5为代表，基于webview渲染只需一次开发即可运行在双端，解决了开发效率低下的问题。但是webview存在严重的性能问题，用户的交互体验相比Native渲染有明显差距。第二阶段：以RN和Weex为代表，前端技术栈开发，Native渲

我们知道，原生Android集成Flutter主要有两种方式，一种是创建flutter module，然后以原生module那样依赖；另一种方式是将flutter module打包成aar，然后在原生工程中依赖aar包，官方推荐aar的方式接入。如何在原生Android工程中以aar的方式接入Flutter，大家可以参考我之前文章的介绍：原生Android工程接入Flutter aar。今天想给大家分享的是FlutterFragment。一、Android原生工程在Android原生开发中，实现底部T

一、环境搭建首先，需要开发者按照原生Android、iOS的搭建流程搭建好开发环境。然后，去Flutter官网下载最新的SDK，下载完毕后解压到自定义目录即可。如果出现下载问题，可以使用Flutter官方为中国开发者搭建的临时镜像。export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn为了方便使用命令行，还需要额外配置下环境变量。首先，使

背景在Flutter开发中，除了热更新之外，Flutter 最受诟病的就是混合开发体验不好，而混合开发最重要的就是路由和组件生命周期的管理。目前，Flutter 在跨平台方案一致性以及优秀的体验已经获得大多数开发者的一致称赞。但对于本身已有成熟的业务代码的项目来说，直接使用纯Flutter进行开发几乎是不现实的，所以更多的项目是在不改变更原有 App 业务的基础上，将 Flutter 作为子模块进行接入和开发，架构如下。在混合开发中，就必然栈涉及到 Flutter 页面与原生页面的跳转。而在Flut

由于手机APP的运行受不同操作系统的限制，目前大多数的移动APP应用开发仍然需要针对不同的系统环境进行单独的开发。不过，为了降低开发成本、提高代码复用率，减少开发者对多个平台差异适配的工作量一直是跨平台开发框架追求的目标。但是目前，很多开发者还不不确定应该选择哪种技术来快速且低成本的开发应用程序，不过如果你熟知跨平台的发展历史，那么2021年可供大家选择的跨平台方案主选项只有两个：Flutter或者React Native。在正式进行对比之前，首先需要明确一点，即Flutter和React Nativ

flutter sdk 版本升级到2.0或者更高的版本后，运行之前的代码会报错，比如：Error: Cannot run with sound null safety, because the following dependenciesdon't support null safety: - package:flutter_swiper - package:flutter_page_indicator - package:transformer_page_viewFor solutions

Flutter 作为 Google 开源的新一代跨平台、高性能 UI 框架，旨在帮助开发者高效地构建出跨平台的、UI 与交互体验一致的精美应用，推出后一直倍受开发者的青睐。当需要开发一个全新的应用时，我们可以很方便地从零开始，完全使用 Flutter 进行开发。但如果是针对一个现有的应用，需要引入 Flutter 技术，显然使用 Flutter 全部重写一遍是不现实的。幸运的是，Flutter 很好地支持了以独立页面、甚至是 UI 片段的方式集成到现有的应用中，即所谓的混合开发模式。本文主要从一个 And

一、Kraken简介历时3年，阿里巴巴正式开源了基于Flutter的Web 渲染引擎项目【北海】。一直以来，大家都在为跨平台开发进行不断的探索与实践，从最早的 H5 方案到 Hybrid 方案，以及后来的 Weex/React Native 方案，到现在如火如荼的 Flutter，都能看到大家在跨平台方向的不断的努力。Flutter 由于其精简的渲染管线，高效的布局渲染能力，以及自绘渲染的特性，一跃成为这两年跨端开发的新宠。熟悉 Flutter 的同学肯定知道 Flutter 是用 Dart 语言以及

今天在升级Flutter后直接flutter doctor命令，报了一个【无法打开Dart，因为无法验证开发者】的警告。可以使用下面的命令进行授权：sudo spctl --master-disable执行完上面的指令后，在【安全性与隐私】设置的 【允许从以下位置下载的App】 中会新增一个【任何来源】，如下面所示。然后，点击【任何来源】就可以了。...

一、Flutter Boost简介众所周知，Flutter是一个由C++实现的Flutter Engine和由Dart实现的Framework组成的跨平台技术框架。其中，Flutter Engine负责线程管理、Dart VM状态管理以及Dart代码加载等工作，而Dart代码所实现的Framework则负责上层业务开发，如Flutter提供的组件等概念就是Framework的范畴。随着Flutter的发展，国内越来越多的App开始接入Flutter。为了降低风险，大部分App采用渐进式方式引入Flutt

https://juejin.cn/post/6845166891539906574

众所周知，任何应用程序的启动都是从main()函数开始的，Flutter也不例外，main.dart文件的main函数开始的，代码如下。void main() => runApp(MyApp());main函数则调用的是runApp函数，源码如下。void runApp(Widget app) { WidgetsFlutterBinding.ensureInitialized() ..scheduleAttachRootWidget(app) ..scheduleWarmU

今天，Google发布了 Flutter 2.0的正式版本，至2018年Flutter 1.0版本发布以来，在最近的3年的时间礼，Flutter进行了大量的升级以支持更多平台的开发需求。作为 Flutter 的重大升级，Flutter 2.0 增加了对桌面和 Web 应用程序的支持。所以到目前位置，使用 Flutter 2.0 开发的应用可以发布到iOS，Android，Windows，macOS 和 Linux五个操作系统； 以及运行到 Chrome 、 Firefo， Safari 或 Edge等浏览

在移动开发中，下拉弹框是一种很常见的选择交互方式，效果如下图所示。对于这种弹框，我们可以使用Dialog来实现，下面是自定义弹框的主要代码。Color _bgColor = Colors.white;double cellHeight = 34;double cellWidth=120;typedef ClickCallBack = void Function(int selectIndex, String selectText);class PopMenus { static voi

多年以前，当我们讨论移动跨平台开发时，总会有人提出跨平台应用程序速度慢的刻板问题。现在，使用Flutter自带的渲染引擎我们完全可以开发出媲美原生应用的用户体验，同时一套代码即可同时运行在iOS、Android和浏览器等多个平台，也带来了应用开发效率的提升。作为目前最流行的移动跨平台技术方案，最近两年，Flutter在移动跨平台开发方面的成长可以说是有目共睹的。进入2020年，Google官方在前不久发布了2020年的更新计划，并在前两天更新了Flutter 1.17版本，这是2020年的第一个稳定版本，

借助App Store与Google Play，全世界任何一个国家的使用者都可以使用我们开发的应用，不过由于应用的使用者来自不同国家，所以在应用正式上架之前需要让应用能够支持多种语言，即应用的国际化。在Flutter开发中，应用的国际化主要涉及语言和地区差异性配置两个方面，它们是应用程序的组成部分之一。关于语言的国际化比较好理解，而地区差异性配置指的是根据国家风俗的不同进行的差异性配置。按照Fl...

概述在移动应用开发中，消息推送可以说是一项非常重要的功能，它能够起到提醒或者唤醒用户的作用，同时也是产品运营人员更高效地实现运营目标的重要手段，比如将新上架一个商品或者最新的一条新闻推送给用户。事实上，消息推送是一个横跨业务服务器、第三方推送服务托管厂商、操作系统长连接推送服务、用户终端以及移动手机应用等五方面的复杂业务应用场景。在原生iOS开发中，为了简化消息推送，苹果推送服务（简称APNs...

在移动应用开发中，我们经常会遇到弹出菜单的开发需求，对于下拉菜单可以参考Flutter 自定义下拉菜单，而如果是向上的弹出菜单或者更加负责的扇形菜单，则需要开发者进行自定义开发。上面是自定义向上弹出菜单的示例，如果要实现上面的效果，需要开发者对动画（AnimationController、Animation）和Flow组件能够很熟练的进行使用。...

在Flutter开发中，经常会遇到下拉菜单的开发需求。由于Flutter并没有提供下拉组件，所以在平时开发时就需要我们自己编写自定义下拉组件，如下图所示。其实，要实现这样的下拉菜单也比较简单，就是使用Stack层叠布局。首先，自定义一个DropDownMenuWidget组件用于控制菜单的显示和隐藏，所以最外层使用的是Offstage组件，如下所示。StreamController<bool> menuState = StreamController.broadcast();Stre

https://time.geekbang.org/column/article/13911?utm_campaign=guanwang&utm_source=baidu-ad&utm_medium=ppzq-pc&utm_content=title&utm_term=baidu-ad-ppzq-title

由于疫情的原因，今年的Google 开发者大会 (Google Developer Summit) 在线上举行，本次大会以“代码不止”为主题，全面介绍了产品更新以及一系列面向本地开发者的技术支持内容。我比较关注的是移动开发，在本次大会上，关于Flutter 主题的演讲主要从 Flutter 性能方面优化和新功能进行展开。作为全球增长速度第二的开源项目，越来越多国内开发者使用 Flutter 实现跨平台开发，包括腾讯英语君团队、阿里闲鱼团队等等。其在 开放性上的进步，得益于开源社区、生态建设、对 Web 的

安装Jenkins首先，从官网上下载最新的pkg安装包，然后进行安装。如果要下载历史版本，可以使用下面的地址进行下载：http://mirrors.jenkins.io/osx/。下载完后，点击安装即可，如下图所示。安装完成之后，Safari可能会自动打开，如果没有自动打开，打开浏览器，输入http://localhost:8080，如下图所示。按照提示，打开/Users/Shared/Jenkins/Home/secrets/initialAdminPassword路径，然后更改secrets文

最近，升级了Flutter后，运行之前的项目报了一个如下的错误：Your Xcode project requires migration. See https://flutter.dev/docs/development/ios-project-migration for details.Error launching application on iPhone 11 Pro.想到之前升级了Xcode，怀疑是升级之后造成的，于是搜索了下，发现当升级Xcode之后，需要对Flutter进行手动的配置

继 9 月 23 号发布 Flutter Windows 内测版 之后刚过几天，Flutter 官方在昨夜凌晨正式发布了 Flutter 1.22。本次版本的升级又带来了新一轮的功能发布，性能改进和问题修复。恰逢移动平台新版本（iOS 14/Android 11）的发布季，此次的版本更新保证了 Flutter 应用在 Android 11 和 iOS 14 上的兼容性，面向 iOS 14，本次更新包括了对 Xcode 12，新 Icon 的更新以及 App Clips 功能的预览。对于Android 11

Flutter 事件分发Flutter 中的 WidgetsFlutterBinding 集成了 GestureBinding、ServicesBinding、SchedulerBinding、PaintingBinding、SemanticsBinding、RendererBinding、WidgetsBinding 等 7 种 Binding，它们都有自己在功能上的划分，其中，GestureBinding 主要负责的是事件分发、手势检测相关。...

在股票软件中，经常会看到如下所示的效果（ps：由于公司数据敏感，所以使用另一个朋友的一个图）。分析需要后，我先在网上找了下支持横向滑动的组件，最后找到了这个：flutter_horizontal_data_table，看了下示例，也满足我的开发需要，并且我使用2000条数据进行测试，也没有卡顿的问题。不过，这个组件有一个问题是不支持下拉，因为很多场景中，对于这种数据比较多的情况，我们需要对数据进行分页加载，给予此，我们需要对flutter_horizontal_data_table进行改造，增加支持上

今天升级Xcode之后，使用打包机打iOS包的时候，报了一个错，报错的信息如下： note: Using new build system note: Building targets in parallel note: Planning build note: Constructing build description error: Building for iOS, but the linked and embedded framework 'App.framewor

调试工具