大规模应用开发过程中，性能优化是重中之重，其中包括了包体积，UI 渲染、交互等多个方面。之前的文章中，我通过 Flutter 应用的混淆为入口，探讨了应用包体积优化的实践方案，本文，我把话题再次转到渲染性能上来。其中就会涉及到一个非常关健的概念 ——「FPS，Frame Per Second」即「每秒展示帧数」，它代表了应用的流畅度。我们知道，动画和物体动态的运动都是由在一段时间内一系列连续变化的
转载
2024-01-08 22:26:49
550阅读
# Flutter iOS 启动慢的解决方案分析
## 引言
随着移动应用开发的快速发展，Flutter因其优雅的设计和跨平台特性受到越来越多开发者的青睐。然而，在某些情况下，Flutter应用在iOS平台上的启动速度较慢，给用户体验带来了负面影响。本篇文章将探讨可能导致这一问题的原因，并提供一些解决方案，帮助开发者提高iOS应用启动速度。
## 启动过程分析
在讨论启动速度之前，我们首先
什么是FlutterFlutter是Google旗下一款全新的跨平台UI开发框架，开发者可以通过同一套代码即可高效构建跨平台的应用，支持移动端、web端、桌面端，该项目是开源并免费的。从2017年5月份发布alpha版本以来，在Google的强力推动下，目前该项目已在Github上的star数量超过了94000越来越多的开发者（包括Android、IOS、前端）青睐于学习这一项新的技术，而各互联网
转载
2024-02-26 21:05:30
297阅读
在应用中执行耗时操作时，为了避免界面长时间等待造成假死的现象，往往会添加一个加载中的动画来提醒用户，在58同城中也不例外，而且我们并没有使用系统默认的加载动画，而是制作了一个具有58特色的加载动画。在本篇文章中，给大家分享下笔者使用Flutter实现58同城中加载动画的过程。先看一下加载动画的效果：动画效果乍看比较复杂，难以看出端倪，其实我们可以先调慢动画的速度，这样能够比较清晰地分析出动画的流程
转载
2024-08-01 10:35:53
48阅读
目录业务分析解决方案业务实践 业务分析很多App都需要处理如下两个场景：在启动时根据是否登录过跳转不同页面，期间App要处于启动图位置在启动时根据之前所选择的环境使用不同域名，期间App要处于启动图位置要实现这种场景，要解决一个根本性问题：如何让启动图的消失变的可控我最开始的思路是，既然真的不好控制，那就控制假的，思路如下：增加一个Launch路由，该路由全屏加载启动图在Launch路由内做后续
转载
2023-10-26 11:30:39
72阅读
启动Flutter的入口在"lib/main.dart"的main()函数中，它是Dart应用程序的起点。在Flutter应用中，main()函数最简单的实现如下：void main() => runApp(MyApp());可以看main()函数只调用了一个runApp()方法，我们看看runApp()方法中都做了什么：void runApp(Widget app) {
Widgets
转载
2023-10-27 07:32:13
178阅读
# 如何使用 Flutter 启动 Android 应用
在现代移动开发中，Flutter 提供了高效的 UI 构建能力，而 Android 则是我们熟悉的本地平台。本文将向你展示如何通过 Flutter 启动一个 Android 应用，并确保你能够掌握每一步的实现。
## 流程概述
以下是实现“Flutter 启动 Android”的完整流程：
| 步骤 | 操作
原创
2024-09-16 04:54:35
165阅读
流程解说1. 使用bundle资源路径构造flutter::DartProject对象
1.1 bundle资源路径下需要 /data/flutter_assets，/data/icudtl.dat，/lib/libapp.so
1.1.1 icudtl.dat 由FlutterTool提供，作为资源使用
1.1.2 flutter_assets 由FlutterTool构建
1.1
转载
2024-10-12 16:06:27
41阅读
今天基于Android分析下Flutter的启动流程，首先看下官网提供的框架图，最下面一层Embedder是特定的平台实现，Android平台代码在engine/shell/platform/android下，其中有java的嫁接层在engine/shell/platform/android/io/flutter下面。Embedder层是Flutter启动的关键，在应用启动后通过该层初始化Flu
转载
2024-08-15 11:54:07
25阅读
前言相信大家在学习Flutter的开始阶段都看过Flutter的架构图，如下 我们知道Flutter的应用层代码由Dart编写，Framework层提供了一系列Widget和其它API，那么这些Dart编写的代码是如何在特定平台上执行的呢，这就要从Flutter的启动过程说起了，了解了Flutter的启动过程，这个问题便迎刃而解。我们通过架构图可以看出Embedder是由特定的平台实现，它其实就
转载
2024-05-18 23:11:27
291阅读
久闻 Flutter官网：https://flutter.dev/中文官网：https://flutterchina.club/一、下载Flutter SDK1、下载①官网下载：https://flutter.dev/docs/development/tools/sdk/releases#windows②github下载：https://github.com/flutter/flutter/rel
转载
2023-09-08 21:57:48
10阅读
前言更高效、更实用的跨端开发选择为什么说 flutter 是一个强大的跨端框架？Flutter 是一个基于 Dart 编程语言的移动应用程序开发框架，由 Google 开发。它的强大之处在于它可以快速构建高性能、美观、灵活的跨平台应用程序，适用于 Android、iOS、Web、Windows、macOS 和 Linux 等多个平台。以下是 Flutter 成为强大的跨端框架的一些原因：▶ 快速开
转载
2024-02-05 16:35:13
83阅读
本节目标[1]. 联系绘制静态效果 [2]. 了解如何在画布中[使用动画] [3]. 了解[Animation]和[Animatable]对象的作用 [4]. 学会使用动画器完成多种属性的过渡效果一、绘制静态效果在进入动画之前,我们先准备好进行动画的素材,经过我的思考之后，决定使用吃豆人的样子进行动画。一者绘制比较简单。二者比较有趣。我们可以让逗人的嘴巴进行开合。可以让它有移动动画、缩放动画、眼睛
转载
2023-10-27 11:36:52
91阅读
目录前言现有项目中引入Flutter启动flutter页面加速启动启动传参总结 前言flutter可以独立完成项目，但是在现有项目情况下最好的方式就是混合开发，逐步过渡。这样就会共存native和flutter代码，而其中最关键的就是native如何启动flutter页面，及flutter与native如何交互。本文以Android为例，展示如何在一个现有项目中引入flutter、启动flutt
转载
2023-09-25 18:34:19
672阅读
# Flutter Android 启动页的实现与解析
在现代移动应用中，启动页（Splash Screen）是一个不可或缺的组成部分。它不仅为用户提供了视觉上的体验，还可以在后台做一些初始化操作。本文将通过讲解如何在Flutter中实现Android启动页来深入了解其工作原理，并提供代码示例和流程图，以帮助读者更好地理解。
## 什么是启动页？
启动页是用户在打开应用时第一个看到的界面。它
# 在 Android Studio 中启动 Flutter
Flutter 是 Google 开发的一款用于构建高性能、跨平台移动应用的开发框架。通过 Flutter，开发者可以用一套代码同时构建 iOS 和 Android 应用。而 Android Studio 是最流行的 Android 开发 IDE之一，支持 Flutter 的开发。本文将详细介绍如何在 Android Studio 中
最近遇到一个问题，来来回回花了好几天才解决，在此记录一下。 需求是这样的，项目中要用到图片播放，每秒钟大概有十几张图片展示，而图片的传输是通过原始的socket tcp传输的。由于这些tcp流是服务器推送的，涉及到拆包和拼包，具体来说服务器可能一个tcp流包含多张图片，所以要对每张图片进行拆包，而它每个流可能不完整，需要等到下一次的流进行拼接然后再处理。 bug是我在调试的时候
转载
2024-07-16 19:34:34
20阅读
## 如何在Android Studio中启动Flutter
### 整体流程
首先，我们需要在Android Studio中配置Flutter插件，然后创建一个新的Flutter项目，最后运行这个项目。
下面是详细步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 配置Flutter插件 |
| 2 | 创建Flutter项目 |
| 3 | 运行Flutter项
原创
2024-03-25 05:46:15
241阅读
在开发使用Flutter的Android应用时，启动界面通常是用户体验的重要入口。启动时的动画及界面呈现对用户的第一印象至关重要，但与此同时，如何优化这些启动界面的性能，也是每位开发者需要关注的问题。
## 协议背景
在这个部分，我们会沿着启动界面的演变历程来进行分析。Flutter的框架为开发者提供了丰富的UI组件，提升了应用的启动效率。因此我们首先需要理解Flutter如何与Android
Flutter 中文站是 Flutter 官网的一个中文镜像，是目前最全的 Flutter 官方文档的中文翻译，目标是致力于打造 Flutter 的中文开发社区。https://flutterchina.club/对于不抵触英文文档的朋友，还是建议阅读英文文档，毕竟中文站只是一些英文文档的翻译，对于最新的信息，是有一定滞后的。不过 Flutter 中文站的发布，降低了我们学习 Flutter 的成
转载
2024-09-02 11:36:57
46阅读
