现有一个简单的汽泡动画需要实现，如下图：一、直接通过 AnimationController 实现当看到这个效果图的时候，很快啊，啪一下思路就来了。涉及到动画，有状态，用 StatefulWidget ，State 里创建一个 AnimationController，用两个 Container 对应两个圈，外圈的 Container&nb
转载
2024-10-27 07:22:59
44阅读
Flutter中常用的滑动布局 ScrollView 有 SingleChildScrollView、NestedScrollView、CustomScrollView。SingleChildScrollView 用来处理简单可滑动的页面布局视图，如一般的数据详情页面，当内容足够多时，一屏显示不下时，就需要滑动处理。NestedScrollView 滑动组件是用来处理复杂情况下的滑动应用场景，如向
转载
2024-03-13 23:11:37
422阅读
一、初识FlutterFlutter是什么？下面是来自官网的原话：Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。
Flutter可以与现有的代码一起工作。
在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。三个重点：跨平台、原生UI、开源免费我记住的几个优势：Flutter渲染技术上，选择了自己实现(
今天呢，我小拉面主要想给大家讲一讲Flutter中的Slivers大家族的使用场景和方法。开发过列表布局的同学们应该对Slivers系列的控件不陌生，或多或少都用过这个库中的控件，来解决复杂的滑动嵌套布局。 比如之前讲Hero的时候提到的下面这个界面，使用普通的GridView的话是没法实现的，我们选择使用CustomScrollView，然后在slivers属性中添加
Flutter Slidable：为你的Flutter应用增添交互式滑动效果项目地址:https://gitcode.com/letsar/flutter_slidableFlutter Slidable 是一个出色的开源项目，由Ahmed Sadiq开发，它为Flutter开发者提供了一种简单易用的方式来实现各种滑动手势操作，如向左或向右滑动删除、查看详情等，极大地丰富了移动应用的用户体验。项目
转载
2024-06-21 22:37:27
158阅读
作为系列文章的第二篇，本篇将为你着重展示：如何搭建一个通用的Flutter App 常用功能脚手架，快速开发一个完整的 Flutter 应用。
友情提示：本文所有代码均在 GSYGithubAppFlutter ，文中示例代码均可在其中找到，看完本篇相信你应该可以轻松完成如下效果。相关基础还请看篇章一。
文章汇总地址：
Flutter 完整实战实战系列文
导读：随着技术的发展，很多网页开发技术都带有动画效果，比如淡入淡出、渐变、变大变小，等等。Flutter中的动画效果可以用酷炫来形容，这也是Flutter的一大特色。现代的应用程序不仅仅需要程序稳定、好用，还需要好看，体验好。那么动画效果是必不可少的。 01 动画概念 动画顾名思义，就是动起来的画面。如果一直持续的动再加上音频那就是我们平时看的电影了。那么画面为什么会动起来了呢？在回答这个问题之前
层叠布局 Stack、Positioned层叠布局和Web中的绝对定位、Android中的Frame布局是相似的，子组件可以根据距父容器四个角的位置来确定自身的位置。绝对定位允许子组件堆叠起来（按照代码中声明的顺序）。Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位。Stack允许子组件堆叠，而Positioned用于根据Stack的四个角来确定子组件的位置Stac
转载
2024-02-14 13:34:36
128阅读
为什么需要状态管理？首先，为什么需要状态管理，这是因为 Flutter 基于 声明式 构建 UI ，使用状态管理的目的之一就是解决「声明式」开发带来的问题。「声明式」开发是一种区别于传原生的方式，所以我们没有在原生开发中听到过状态管理，如何理解「声明式」开发呢？「声明式」VS「命令式」分析以最经典的的计数器例子分析// 一、定义展示的内容
private int mCount
变换（Transform）Transform可以在其子组件绘制时对其应用一些矩阵变换来实现一些特效。Matrix4是一个4D矩阵，通过它我们可以实现各种矩阵操作。 定义：const Transform({
Key key,
@required this.transform,
this.origin,
this.alignment,
this.transfor
前言本文默认您已经有一定的 OpenHarmony 开发经验，并且阅读过以下内容。组件导读-组件参考（基于 ArkTS 的声明式开发范式）-ArkTS API 参考-HarmonyOS 应用开发基本语法概述-快速入门-入门-HarmonyOS 应用开发开发说明-ArkTS 接口参考-ArkTS API 参考-HarmonyOS 应用开发使用的 ide 版本为 Dev
Flutter 请求网络的三种方式flutter 请求网络的方式有三种，分别是 Dart 原生的网络请求 HttpClient、第三方网络请求 http以及 Flutter 中的 Dio。我们可以比较一下这三种网络请求方式，然后封装为我们方便请求网络的工具类。Dart 原生的网络请求 HttpClient实现 Dart 获取网络数据的请求，一般我们需要以下几个步骤：導入import 'dart:c
自定义AppBar实现滚动渐变1、滑动过程中AppBar在不透明和透明之间进行变化2、为l使AppBar能够滚动，我们需要一个列表，这个列表足够长，以至于我们能够监听列表的滚动，来改变顶部的AppBar的背景色添加底部的列表，让AppBar可以滑动3、移除listview和顶部的padding这个padding可能是开发团队考虑到了手机的适配，比如iphonX的适配，提前把顶部的安全区域预留下来了
背景接到一个需求，需要展示一个环状图和一个柱状图，去pub上逛了一圈，选择了功能比较全的MPFlutterChart 库。引入项目时，发现MPFlutterChart 和国际化包flutter_localizations依赖不同的intl版本。为了能使用MPFlutterChart 库，尝试了以下几种解决冲突的方法。 方案一，手动尝试历史版本在pub上查看库的历史版本，往前尝试，找到一个不冲突的版
Flutter本身提供了路由机制，作个人的小型项目，完全足够了。但是如果你要作企业级开发，可能就会把入口文件变得臃肿不堪。而再Flutter问世之初，就已经了企业级路由方案fluro。flutter_fluro简介fluro简化了Flutter的路由开发，也是目前Flutter生态中最成熟的路由框架。GitHub地址：https://github.com/theyakka/fluro它出现的比较早
# Flutter iOS底部沉浸实现指南
## 简介
在使用Flutter开发iOS应用时，实现底部沉浸效果可以提升用户体验。本文将向新手开发者介绍实现“Flutter iOS底部沉浸”的步骤和代码示例。
## 实现流程
下面是实现底部沉浸效果的步骤概览：
| 步骤 | 描述 |
| ------ | ------ |
| 1. 获取设备信息 | 获取设备的操作系统和版本号 |
| 2
原创
2024-01-21 09:44:22
277阅读
文章目录监听App的生命周期监听页面的生命周期 监听App的生命周期flutter是通过WidgetsBindingObserver实现监听的，同时还可以监测应用的其他状态。 要注意的是，极端情况下可能收不到监听。比如：如果用户从设备中取出电池,在应用程序和操作系统的其他部分突然终止之前,不会发送任何通知具体用法，上代码：class _MyAppState extends State with
转载
2024-06-28 06:53:35
91阅读
移动端数据量比较大时，我们都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。 在Android中，我们可以使用ListView或RecyclerView来实现，在iOS中，我们可以通过UITableView来实现。 在Flutter中，我们也有对应的列表Widget，就是ListView。一、ListView1.1、ListView的基本使用ListView可以沿一个方向（垂直或
转载
2024-02-29 09:50:46
1218阅读
Flutter2.0原理解析 文章目录Flutter2.0原理解析前言一、UI显示系统Flutter和AndroidUI显示系统的区别（举例）Android UI显示系统Flutter UI显示系统二、为什么Flutter无限接近于原生一.为什么Android不是无限接近于原生（举例）二.为什么Flutter是无线接近原生为什么Flutter可以运行在多个平台中结尾 前言因个人水平有限，对Flut
转载
2023-10-08 19:41:29
75阅读
Scaffold组件的基本使⽤Scaffold组件中floatingButton悬浮按钮Scaffold组件中drawer侧拉⻚⾯详述Scaffold组件中bottomNavigationBar底部导航栏配制本⽂章将详细综述Scaffold组件的属性配制本⻚⾯中最终实现的⻚⾯效果 Flutter Scaffold 组件系列Scaffold 实现了基本的 Material Design
