小菜在学习 Flutter 过程中需要处理一个类似 Android 中 PopupWindow 效果的分享弹框页。看似很简单的页面，里面却有很多值得尝试的地方。 小菜测试时主要用 GridView 和 BottomSheet 来实现的，当然也可以不用 Gri
目录业务分析解决方案业务实践 业务分析很多App都需要处理如下两个场景：在启动时根据是否登录过跳转不同页面，期间App要处于启动图位置在启动时根据之前所选择的环境使用不同域名，期间App要处于启动图位置要实现这种场景，要解决一个根本性问题：如何让启动图的消失变的可控我最开始的思路是，既然真的不好控制，那就控制假的，思路如下：增加一个Launch路由，该路由全屏加载启动图在Launch路由内做后续
转载
2023-10-26 11:30:39
72阅读
1. 介绍本文会从代码层面去介绍Flutter动画，因此不会涉及到Flutter动画的具体使用。1.1 Animation库Flutter的animation库只依赖两个库，Dart库以及physics库。animation是采用Dart编写的，所以依赖Dart库是很正常的。physics库是什么呢？Simple one-dimensional physics simulations, such
前言相信大家在学习Flutter的开始阶段都看过Flutter的架构图，如下 我们知道Flutter的应用层代码由Dart编写，Framework层提供了一系列Widget和其它API，那么这些Dart编写的代码是如何在特定平台上执行的呢，这就要从Flutter的启动过程说起了，了解了Flutter的启动过程，这个问题便迎刃而解。我们通过架构图可以看出Embedder是由特定的平台实现，它其实就
转载
2024-05-18 23:11:27
291阅读
前言flutter开发App方便快捷，就是冷启动的时候要加载dart引擎有短暂的白屏，严重影响用户体验，这个时候我们就需要设置一个启动图片，想国内大部分App那样(例如微信那个地球)，启动App的时候显示这个图片，加载完再进入App，不至于影响用户体验。Android启动页首先要准备好启动图，本文命名为splash.png，按照不同的分辨率添加到对应的mipmap-hdpi / mipmap
转载
2024-07-03 10:00:46
1647阅读
一，Mixins1，定义：Mixins 是一种在多个类层次结构中重用类代码的方法。个人理解：就是一个类，这个类有一些方法，其他类可以在不继承这个类的情况下使用这个类的方法。2，几个关键词（1）mixin:一般使用mixin关键字定义可以混合的类；（2）with:使用混合时用with关键字；（1）on:添加限定条件，如下，意思是这个类只能被on的类或者子类混合3，现在有这个情况：class A{
转载
2024-10-11 13:47:15
45阅读
# flutter中android启动开屏图解析
在移动应用开发中，启动开屏图是一个很重要的部分，它可以给用户一个良好的第一印象，并且提高用户的使用体验。在flutter中，我们可以很方便地实现android启动开屏图。
## 什么是启动开屏图
启动开屏图是指应用在启动时显示的第一个界面，通常会在加载资源和初始化过程中显示，目的是在应用启动过程中给用户一个视觉上的反馈，避免用户感觉应用没有响
原创
2023-11-22 08:34:03
773阅读
前言今天主要带大家一起分析下flutter是如何启动、初始化和加载dart代码的。这里有几点需要提前告知：由于篇幅的问题，关于flutter界面创建、绘制过程将略过；由于相关的c++代码比较多，而且较为复杂，建议先下载flutter engine的完整开发环境代码，阅读本文更方便；本文只分析启动过程，参考的项目是基于android studio创建的一个默认flutter项目，以下简称demo。正
转载
2023-11-22 16:03:25
83阅读
启动过程分析原图地址是：https://ftp.bmp.ovh/imgs/2020/04/f92a2d6c47bcf3f6.jpg1、 初始化一般的，都有一个入口Activity，这个Activity继承自FlutterActivity。从入口Activity的oncreate方法开始分析，首先调用FlutterMain.startInitialization(this)，如果我们自定义了Appl
转载
2023-07-11 17:42:09
244阅读
Flutter是怎么启动起来的，是在Android的Activity的启动之后吗？等等这样的问题，在这个文章中将被解答。从MainActivity开始新创建一个Flutter项目，在清单文件中默认被启动的Activity是MainActivity，而MainActivity继承的是FlutterActivity。那么问题好像简单了，我们分析一下FlutterActivity，下面是MainActi
转载
2023-10-04 20:30:36
392阅读
一、 环境配置 —— 使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 二、安
转载
2023-07-24 09:24:54
261阅读
# Flutter Android全面屏启动图适配
在Android中，全面屏（Full Screen Display）是指具有更高的屏占比，并且没有边框、刘海或虚拟按键的屏幕设计。为了适应不同的全面屏手机，并优化用户体验，我们需要在Flutter应用中对全面屏进行适配。本文将介绍如何在Flutter应用中适配Android全面屏启动图，并提供相应的代码示例。
## Flutter全面屏启动图
原创
2023-12-22 10:12:17
922阅读
setupFlutterEngine()@VisibleForTesting
void setupFlutterEngine() {
// 返回FlutterEngine，如果为空会自动创建一个Engine
flutterEngine = host.provideFlutterEngine(host.getContext());
if (flutterEngine != null) {
isFlu
一，移动端Icon替换1. Android修改应用图标通过Android Studio：Flutter中android模块，右键选择“ New ===> Image Asset”： 随后打开对应图标，调整大小： 此时会自动为你在不同的分辨率下生成对应的图标： 调整AndroidManifest文件： android:name="io.flu
转载
2024-07-31 08:24:50
944阅读
点赞
启动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 设置 iOS 启动图详解
Flutter 是一个现代的 UI 框架，能帮助开发者快速构建跨平台的应用。在 iOS 应用中，启动图（Launch Screen）是用户第一次看到的界面，通常用于提升用户体验感和应用品牌形象。本文将教你如何为 Flutter 应用设置 iOS 启动图，确保用户在应用加载时能够看到你的品牌标志和相应的视觉设计。
## 整体流程
在这篇文章中，我们
# Flutter 配置 iOS 启动图的指南
在开发 Flutter 应用时，启动图（Splash Screen）是用户首次看到的界面，它在应用加载时显示。良好的启动图不仅能够提升用户体验，还能为应用增添专业感。本文将为你详细介绍如何在 Flutter 中配置 iOS 启动图，包含代码示例和步骤说明。
## 启动图的概念
启动图是应用程序在启动时显示的第一屏界面，主要目的在于改善用户体验，
原创
2024-10-26 04:17:35
307阅读
# Flutter iOS 原生启动图的设置
在开发移动应用的时候，启动图（Splash Screen）是给用户的第一印象。对于使用 Flutter 开发的 iOS 应用，设置原生启动图能够为用户带来更流畅的体验，同时还可以和原生 iOS 应用的视觉风格保持一致。本文将详细介绍如何在 Flutter 应用中配置 iOS 原生启动图，并附带代码示例。
## 流程概述
以下是设置 iOS 原生启
原创
2024-10-09 06:41:15
177阅读
# Flutter iOS 启动图配置指南
在开发 Flutter 应用时，为应用配置启动图（Launch Screen）是一个非常重要的步骤，启动图是用户首次打开应用时看到的界面，它可以帮助提升用户体验，给用户留下深刻印象。本文将详细介绍如何在 Flutter 中为 iOS 应用配置启动图，适合于刚入行的小白开发者。我们将通过一个系统化的流程，帮助你逐步实现这一目标。
## 整体流程
为了
# Flutter iOS 启动图生成：创建美观的应用界面
在开发手机应用时，一个引人注目的启动图（ splash screen ）是用户首次体验你的应用时的重要部分。在 Flutter 中生成 iOS 启动图的过程并不复杂。在这篇文章中，我们不仅将探讨如何创建和自定义 Flutter 的 iOS 启动图，还将通过代码示例来展示实现过程。
## 1.什么是启动图？
启动图是用户打开应用时显示
原创
2024-09-02 05:59:51
92阅读
