- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
Flutter+Dart聊天实例|flutter仿微信聊天|红包|朋友圈
Flutter_Chatroom聊天室项目是基于flutter+dart技术开发的跨平台聊天实战案例，基本实现了登录/注册表单验证、消息表情发送、图片预览、红包/视频/朋友圈等功能。 height : height/2, width: !isdot ? width : width/2, decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular 聊天页面实现|TextField编辑框插入表情 360截图20200513093616798.png flutter中TextField文本框提供的maxLines属性可实现多行/换行文本，不过默认会有高度 +dart实战聊天室项目就分享到这里，后续会继续分享更多实例项目，希望能有些帮助~~
7.8K31发布于 2020-05-13 - 来自专栏移动开发之家
Flutter 双向聊天列表效果进阶优化
聊天列表是一个很扣细节的场景，在之前的 《Flutter 实现完美的双向聊天列表效果，滑动列表的知识点》 里，通过 CustomScrollView 和配置它的 center 从而解决了数据更新时的列表跳动问题 ，但是从 center 往上的高度还是不够，所以就出现了黄色 SliverList 顶部空白的问题； image 结合这个问题，这里可以发现关键的点就在于 reverse ，而对比微信和QQ的聊天列表需求 image 是的，我们其实是把顶部留空的问题转移到了底部，但是这个问题在实际业务场景是不成立，进入聊天列表首先就需要先加载满一页的数据，所以： 如果 old 数据本来就不够，例如例子里只有3条，那也就不会有加载更多 ，实现一个聊天列表并不难，但是需要优化的细节可能会很多， 实例代码可见：https://github.com/CarGuo/gsy_flutter_demo/blob/master/lib/widget /chat_list_scroll_demo_page_2.dart
1.2K40编辑于 2022-03-29 - 来自专栏flutter开发者
Flutter动画【2】
AnimationWidgets 在Flutter内部为们提供了很多的动画Wdiget，比如AnimatedContainer、AnimatedCrossFade、AnimatedOpacity、AnimatedSize 当然在flutter中还为我们提供很多其他的动画效果如AnimatedPositioned、AnimatedSize、SlideTransition、SizeTransition、ScaleTransition
2.4K40发布于 2018-10-16 - 来自专栏个人路线
本文主要介绍flutter聊天应用程序
本文主要介绍flutter聊天应用程序 在本教程中，我将向您展示如何使用 Flutter 构建一个完整的聊天应用程序。 对于这一部分，我们将创建应用程序的 UI 原型，然后我将向您展示如何使用 firebase 创建后端服务并创建聊天系统。 UI的源代码 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( debugShowCheckedModeBanner widget storyButton(_avatarUrl[1], 60.0), storyButton(_avatarUrl[2] let's create our list items widget listItem( _avatarUrl[2]
1.2K20发布于 2021-07-31 - 来自专栏个人路线
Flutter 2 源码阅读
Flutter 2 源码阅读 进行源码分析之前，先了解一下官方文档中提供的核心架构图，它也代表着整个 Flutter 架构。 archdiagram.png Flutter 的架构主要分成三层：Framework，Engine 和 Embedder。 此部分的核心代码是：flutter 仓库下的 flutter package，以及 sky_engine 仓库下的 io，async ，ui (dart:ui 库提供了 Flutter 框架和引擎之间的接口 2)、Engine：Engine 使用 C++ 实现，主要包括：Skia，Dart 和 Text。Skia 是开源的二维图形库，提供了适用于多种软硬件平台的通用 API。 从这里可以看出，Flutter 的平台相关层很低，平台（如 iOS）只是提供一个画布，剩余的所有渲染相关的逻辑都在 Flutter 内部，这就使得它具有了很好的跨端一致性。
82420发布于 2021-08-13 - 来自专栏Vue中文社区
Flutter 2 来了！
作为 Flutter 的一次重大版本升级，Flutter 2 将帮助开发人员立足任意平台创建起美观、快速且能够轻松移植的应用程序。 Dart: Flutter 背后的独门绝技 如前文所述，Flutter 2 拥有灵活的多平台与多设备可移植能力。 2：现已发布 关于 Flutter 2 还有很多新鲜内容可讲，但受到本文篇幅所限，我们无法一一尽述。 感兴趣的朋友请访问 Flutter 2独立技术博客，在这里了解关于新功能与性能改进的更多信息： https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65 Flutter 为自由开源项目，我们期待有更多朋友使用 Flutter 2 构建起精美绝伦的开发成果！
2.5K20发布于 2021-03-18 - 来自专栏大宇笔记
Flutter2 来了！！！
宣布Flutter 2 2021年3月3日，星期三 我们针对web，移动和台式机构建的下一代Flutter 今天，我们宣布Flutter 2：Flutter的重大升级，使开发人员能够为任何平台创建美观 Flutter web发布生产 Flutter 2中最大的公告也许是对Web的生产质量支持。 web的早期基础是以文档为中心的。 Dart：Flutter背后的秘密调味料 正如我们已经指出的，Flutter 2可移植到许多不同的平台和外形上。 Flutter 2：现已上市 关于Flutter 2，要说的话远远超出了我们在本文中可以涵盖的范围。实际上，合并的合并请求的原始列表是一个200页的文档！ Flutter是免费的开放源代码。我们很高兴看到您使用Flutter 2构建的东西！
4.7K20发布于 2021-03-23 - 来自专栏Flutter
【老孟Flutter】Flutter 2 新增的功能
原文链接：https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65 今天，我们很高兴地宣布Flutter 2的发布。 Flutter确实是社区的一项工作，如果没有问题提出者，PR贡献者和代码审查者，我们就不可能进入第2版。此版本适用于所有人。 Flutter 2发行版中发生了很多令人兴奋的事情。 有关Flutter 2和Dart 2.12的新功能以及我们的客户和合作伙伴如何使用Flutter 2的概述，请参阅宣布Flutter 2。 插件也为Flutter 2获得了许多新功能。 2 如果不提及DartPad，则该工具更新列表将不完整，而DartPad已更新为支持Flutter 2。
12.6K20发布于 2021-03-16 - 来自专栏andy的小窝
Flutter 实现简单聊天界面 下拉滑动加载更多
刷新功能实现 将刷新组件嵌入滑动组件中，因为聊天界面都是由下往上滑，所以ListView设置了reverse: true实现反转列表组件。 double frictionFactor(double overscrollFraction) => 0.52 * math.pow(1 - overscrollFraction, 2);
1.8K10发布于 2020-07-15 - 来自专栏andy的小窝
Flutter 实现简单聊天界面 下拉滑动加载更多
图片.gif 刷新功能实现 将刷新组件嵌入滑动组件中，因为聊天界面都是由下往上滑，所以ListView设置了reverse: true实现反转列表组件。 double frictionFactor(double overscrollFraction) => 0.52 * math.pow(1 - overscrollFraction, 2);
4.5K30发布于 2020-06-18 - 来自专栏前端进阶实战
flutter3仿微信app聊天项目案例源码|flutter仿微信界面
最近花了一两周爆肝flutter3.41+dart3.x跨平台仿微信app聊天项目FlutterChat。 技术知识跨平台框架：Flutter3.41+Dart3.11组件库：material-design3弹窗组件：showDialog/SimpleDialog/showModalBottomSheet/AlertDialog
11120编辑于 2026-09-26 - 来自专栏JarvanMo的IT专栏
Flutter 2 正式出道（一）
相信不少人昨晚熬夜奋战，观看了Flutter Engage大会，Flutter团队也正式官宣了Flutter 2。从Flutter 1.0正式版到Flutter 2差不多有两年多一些的时间。 Flutter 2为我们带了很多令大家兴奋的特性，比如Dart 2.12, 空安全，Web等等。 接下来，我们快速浏览一下Flutter 2让我们兴奋的事情吧~ Web 现在,Flutter Web正式出道，完成从beta到stable的华丽转身。 在Flutter 2中，由于Flutter Web的出道，Flutter将代码重用能力提升到了另一个层次。所以，现在当你使用Flutter 2创建新项目的时候，web将成为新的支持平台。 ? 除了HTML渲染器之外，Flutter 2还添加了一个新的基于CanvasKit的渲染器。
2.1K10发布于 2021-03-08 - 来自专栏program
Flutter技术与实战(2)
Flutter开发起步 Flutter开发起步 深入理解跨平台方案的历史发展逻辑 跨平台方案的三个时代 选择哪一类跨平台方案 Flutter区别于其他方案的关键技术 Flutter如何运转 Flutter 如何完成组件渲染 Skia是什么 为什么Dart作为Flutter的开发语言 Flutter的原理 以界面渲染为例，介绍Flutter如何工作 学习Flutter需要掌握哪些知识 Flutter代码如何运行在原生系统 Skia是什么 Skia 是一款用 C++ 开发的、性能彪悍的 2D 图像绘制引擎，其前身是一个向量绘图软件。 以下图为例：节点 1 在绘制完自身后，会再绘制节点 2，然后绘制它的子节点 3、4 和 5，最后绘制节点 6。 可以看到，由于一些其他原因（比如，视图手动合并）导致 2 的子节点 5 与它的兄弟节点 6 处于了同一层，这样会导致当节点 2 需要重绘的时候，与其无关的节点 6 也会被重绘，带来性能损耗。
2.1K10编辑于 2022-06-29 - 来自专栏flutter开发者
【译】Flutter beta 2 Now
看下beta2 更容易安装 我们听到反馈意见，安装Flutter可能会更容易; 安装beta 1需要使用git命令行工具克隆我们的GitHub repo。 到目前为止，它只能播放来自网络的视频，但一些开发人员要求能够使用Flutter的资产系统“传递”已经嵌入到应用中的视频文件。使用测试版2和版本0.4.0的插件，现在可以实现了。 我们的测试显示Dart 2接近完成，并且非常稳定。Flutter的第二个测试版默认启用Dart 2。结果你会看到更快的异步调用，以及更丰富的类型系统。 呼吁行动：将您的代码升级到Dart 2 与所有变化一样，需要付出代价：如果您有现有的Flutter代码，则可能需要升级其中的一部分才能与Dart 2兼容。 要开始升级，请确保将Flutter SDK更新为beta 2（v0。 2.8）以及用于Android Studio，IntelliJ或VS代码的Flutter IDE插件到最新版本。
3.2K30发布于 2019-08-06 - 来自专栏前端小叙
flutter入门2——环境搭建
背景 学习 flutter 之前，我们要先安装 flutter 环境，保证可以创建 flutter 项目，可以查看模拟器，可以热重载等。 1、安装 vscode 2、安装 vscode 中 flutter 相关插件 flutter dart Flutter Widget Snippets: 提供 Widget 代码片段快捷生成功能，输入fstful Awesome Flutter Snippets 集成了 Flutter 常用类和方法，通过分别输入快捷键 streamBldr 和 singleChildSV ，可以创建诸如 StreamBuilder sdk 可以在 vscode 中 cmd+shift+p 输入 flutter 后，选择第一个 vscode 会开始安装 flutter sdk，选择一个 flutter sdk 存放的文件夹，也可以直接在官网下载到指定文件夹 ，并解压缩 7、监测 flutter 环境 在终端运行 flutter doctor 命令检测环境，也可以在 vscode 中，cmd+shift+p 输入 flutter 后，选择 flutter doctor
83010编辑于 2024-03-08 - 来自专栏前端进阶实战
flutter3实战微信桌面版聊天系统
有花了一周时间纯手写原创Flutter3.41仿微信桌面客户端Exe聊天项目实例。 flutter3仿微信app界面聊天室Flutter3实战抖音App直播/短视频/聊天项目技术架构技术框架：Flutter3.41.5+Dart3.11.3窗口管理：bitsdojo_window:^0.1.6
9420编辑于 2026-09-26 - 来自专栏个人路线
flutter开发小技巧2
代码静态分析 在提交代码时为了提高代码质量，保持团队的代码风格一致，需要进行代码静态分析，一般通过下面2种方法来进行 flutter analyze 使用flutter analyze进行代码静态分析, Flutter : Widget Size and Position Model To JSON json_serializable 引入 dependencies: # Your other regular packages pub run build_runner build 持续集成：flutter packages pub run build_runner watch json_serializable 在线json转dart model工具 Built value 在线json转build value 模板工具 https://charafau.github.io/json2builtvalue/ var user1 = new User((b) => b ..name = 'John Smith' ..nickname = 'Joe'); // update var user2
1K20发布于 2021-07-31 - 来自专栏h5
最新实战Flutter3.41客户端聊天程序EXE
2026年5月最新实战flutter3.41+dart3.11+bitsdojo_window桌面版聊天系统。 /views/fvideo/index.dart';// 聊天import '.. 聊天模板聊天编辑框支持多行文本、超过高度出现滚动条、光标位置插入emo表情，支持链接。 Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手Vite8.0 手机版后台管理系统最新研发uniapp+vue3仿微信app聊天模板基于uni-app+vue3实战短视频+聊天+直播app商城
33710编辑于 2026-05-09 - 来自专栏Flutter笔记
Flutter | 思路解析 WPopupMenu 仿微信聊天长按弹出菜单
这就涉及到我前面所讲的几篇文章： Flutter | 超实用简单菜单弹出框 PopupMenuButton Flutter 源码系列：DropdownButton 源码浅析 这几个控件的源码里都有一个类 / 2, isInverted ? / 2, isInverted ? 0 : size.height); path.lineTo( size.width / 2 - radius / 2, isInverted ? size.height : 0); path.lineTo( size.width / 2 + radius / 2, isInverted ?
5.9K31发布于 2019-08-19 - 来自专栏移动开发专栏
Flutter FormatException: Unexpected character (at character 2)
异常 Unhandled Exception: FormatException: Unexpected character (at character 2) 分析 flutter json报以上错误，我这里是请求登录的接口
1.2K10编辑于 2022-06-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号