目录填充组件Padding和EdgeInsets装饰容器DecoratedBox和BoxDecoration变换TransformRotatedBox本文学习和引用自《Flutter实战·第二版》：作者：杜文1.填充组件Padding和EdgeInsetsFlutter里的padding和EdgeInsets是用来控制组件的填充和边距的。Padding一般包含一个child，以及一个EdgeIns

目录介绍布局原理和约束盒模型布局约束容器ConstrainedBox非约束容器UnconstrainedBox线性布局行row列column弹性布局流式布局WrapFlow层叠布局对齐和相对定位布局构建回调LayoutBuilder布局过程中AfterLayout布局完成后执行本文学习和引用自《Flutter实战·第二版》：作者：杜文1.介绍布局类组件都会包含一个或多个子组件，不同的布局类组件对子

Plugin的创建与开发，已经有各路大神写过，在这里不赘述了。这里只讲讲在我天朝特色下，发布遇到的坑。死活无法连上外网，报错为获取谷歌账号授权失败请求google授权，翻出去，登录了账号，授权了，但是终端依旧报错如下：Itlookslikeaccounts.google.comishavingsometrouble.Pubwillwaitforawhilebeforetryingtoconnect

目录SDK下载配置环境变量安装flutter搭建Android环境SDK和依赖升级IDE配置与使用AndroidStudio配置与使用VSCode配置与使用真机调试本文学习和引用自《Flutter实战·第二版》：作者：杜文1.SDK下载前置需要操作系统window7或更高版本，且安装了Git命令行工具首先去flutter官网下载其最新可用的安装包，下载地址：传送门将安装包zip解压到你想安装flu

目录变量声明操作符数据类型控制流错误处理和捕获函数mixin异步FutureStream本文学习和引用自《Flutter实战·第二版》：作者：杜文1.变量声明var类似于JavaScript中的var，它可以接收任何类型的变量，但最大的不同是Dart中var变量一旦赋值，类型便会确定，则不能再改变其类型：varname="李四"///对name="张三"///错name=1000ObjectObj

目录指定库前缀仅导入库的一部分延迟加载库本文学习和引用自《Flutter实战·第二版》：作者：杜文1.指定库前缀如果导入两个具有冲突标识符的库，则可以为一个或两个库指定前缀。例如，如果library1和library2都有一个Element类，如下：import'package:lib1/lib1.dart';import'package:lib2/lib2.dart'aslib2;Element

目录简介特点架构框架层引擎层嵌入层本文学习和引用自《Flutter实战·第二版》：作者：杜文1.简介Flutter是Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App，一套代码同时运行在iOS和Android平台。Flutter提供了丰富的组件、接口，开发者可以很快地为Flutter添加Native扩展。2.特点跨平台自绘引擎Flutter既

Flutter学习路线图如果你真的觉得很难，坚持不了了，那就放弃，既然放弃了就不要抱怨没有得到。选择你热爱的，坚持你选择的，不抱怨放弃的。

背景使用GetX开发应用的时候，也可能有人调用过offAllNamed，会发现所有controller的都被销毁了环境win10getx4.6.5as4+现象从A页面，跳转到B页面，然后调用offAllNamed进行回到A页面，观察controller声明周期，发现controller声明周期直接调用到了onClose，这里如果做了一些释放资源的操作，那就直接导致功能使用异常了。原因offAllN

Flutter的开发环境配置好了的话就正式开始学习之旅Flutter开发的基础语言是Dart，所以想学flutter首先要了解学习Dart了解Dart强类型编程语言,Dart之下一切皆对象Dart是一种跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由Google负责开发和维护重要概念在Dart中甚至连数字、方法和null都是对象。所有的对象都继承于

Flutter环境下载flutterSDK官网地址flutter.io解压到合适的文件夹下，另外注意的是，不要将flutter安装到需要一些高权限的路径。注：Windows系统的安装配置flutter的环境变量，此电脑右键属性->高级系统设置->环境变量、配完保存记得重启一下电脑。1、系统变量path路径加上自己解压的SDK的bin路径2、用户变量下配置路径PUB_HOSTED_URL和FLUTT

flutter学习笔记（一）windows下搭建flutterandroid开发环境一、安装与配置JDKJDK下载地址：https://www.oracle.com/cn/java/technologies

虽然是实现Flutter的百度语音转文字功能，主要还是通过Android端来实现百度语音转文字功能，然后通过Flutter和Android端来传数据(如下图），来实现Flutter需求的功能。其中ios端也是可以实现百度语音转文字的功能，但是因为我的电脑是window系统，所以不能用flutter来开发ios，所以我下面的教程主要是针对Android端的实现。原则肯定是先看一下效果呀，实例为证：百

近期学习了下Flutter开发，在学习了一阵之后，搭建了一个很土的框架，并没有使用网上的BLOC或者fish_redux框架，只是一个Android的MVP框架的变体。下面是工程的大致结构，是看着工程结构手写的，可能有漏的，主要是没找到什么能导出工程结构的插件。flutter框架结构在business文件下放上各个业务模块，每一个业务放在一个文件夹，其中的page文件只处理画面代码；service

背景在日益内卷的开发圈子，多一项技能就意味着竞争力的提升，受到大环境的各种因素，所以有了这篇文章。主题本文主题，就是介绍如何配置flutter当前环境win10as2022.1.1版本jdk11配置过程下载fluttersdk首先，从官网下载一个flutter的sdk，下载地址博主当前使用版本为–flutter_windows_3.7.8-stable配置fluttersdk环境（1）下载sdk后

背景项目开发过程中，有些场景，需要跨页面进行数据传递。按照安卓开发的思路，在flutter实现一个事件总线EventBus，进行数据传递原理通过dart的签名函数，进行监听集合设置，然后post分发的时候，进行集合遍历，回调，实现事件传递。实现过程总体思路，就是通过一个订阅，取消订阅，遍历订阅对象，进行数据传递。下面直接上代码：//发布者接口import'package:ftplayer/comm

前文回复flutter环境配置链接背景有了前文回顾，但是发现有部分的电脑，还是在下载环境的过程中，会卡在gradlebuilde的情况。所以有了该文章。原因配置了fullter的镜像，但是默认使用安卓的gradle变量，还是有可能会有问题的。这里除了配置安卓的项目级别列表的gradle镜像以外。还要在gradle的目录配置默认的访问资源路径。通用的配置，项目build.gradle核心配置如下：m

背景在flutter的开发过程中，ListView是很常见的一个组件，但是，由于ListView的某些自带的体验，导致不太好的用户体验。例如ListView中，滑动到顶部或者底部的时候，再次滑动，会有越界的效果，还有主题色的半圆波纹。图片:内容如上。对于某些平台来说，是不兼容的。而且不不太符合部分设计的要求。所以就要去除这种效果。实现过程具体核心思路，就是修改滚动过程中的behavior，这个数据

使用ListView，引用flutter自带的图标制作一个简单的列表body中引用ListView()children调用新的widget，然后newListTile使用leading创建新的title前的样式：Icons.perm_camera_mic打开照相机图标后面引入title:newText()/类似的多放几条代码：`import‘package:flutter/material.dar

打开该目录下的flutter.gradle文件修改如下内容：buildscript{repositories{//google()//jcenter()maven{url‘https://maven.aliyun.com/repository/google’}maven{url‘https://maven.aliyun.com/repository/jcenter’}maven{url‘http:

话不多说直接上目录，干货较多内容很长，建议先收藏供以后慢慢查阅。目录文章视频组件导航模板插件框架实验性游戏开源App实用工具社区书籍福利文章介绍GoogleIO2018[1.1K]-构建美观，灵活的用户界面。Presentation-为什么我会选择Flutter由HelioS.Junior提供。FlutterWeb-FlutterWeb的来龙去脉byNash提供.网站/博客Flutter技术专栏W

一.前言虽然说flutter环境搭建并不是很复杂，可能对于新手来说，或者阅读官方文档有些吃力的小伙伴来说还是会耽误点时间的，本文力求以最小白的视角来记录踩过的坑。二.准备我当前Mac系统为Version:10.14.6，AndroidStudio---Version:3.2.1，vscode---Version:1.44.0，xcode----Version:11.0到官网下载fluttersdk

参数说明参数默认值说明DataForm数据列表[{},{}……]FrontHeight50.0前置高度，避开搜索栏pullup上拉回调函数dropdown下拉回调函数onPressed引用列表单元组件中使用的点击回调函数onTap引用列表单元组件中使用的点击回调函数使用参考配合GetX的StateMixin一起使用，等数据加载完成后再渲染列表页面，可以参考：参考链接一classWaresViewe

Flutter学习笔记——关于GetX框架如何手动注销控制器前言内容代码示例控制台打印结束语前言最近在开发Flutter项目时，一个登出功能我认为几分钟就能弄完了，直到发现单凭Getx的路由跳转并不能自动注销相关的控制器

文章目录一、动画1.补间（Tween）动画2.拟物动画3.Animation4.步骤5.代码6.效果二、交织动画1.交织动画是由多个单元动画叠加而成复杂动画2.需要给每个动画设置时间间隔（Interval）3.Transform4.代码5.效果三、Hero动画1.Hero动画是拥有实现跨页面的动画效果2.步骤3.Hero组件4.代码5.效果一、动画1.补间（Tween）动画在补间动画中我们定义开始

文章目录安装Flutter和Dart插件获取FlutterSDK创建FlutterAppFlutter学习参考资料安装Flutter和Dart插件安装步骤：打开AndroidStudio选择AndroidStudio

Flutter学习：认识CustomPaint组件和Paint对象Flutter学习：使用CustomPaint绘制路径Flutter学习：使用CustomPaint绘制图形Flutter学习：使用CustomPaint

参考文档：https://medium.com/@develodroid/flutter-iv-mvp-architecture-e4a979d9f47e原GitHub地址：https://github.com/fabiomsr/Flutter-StepByStep/tree/master/step3英文好的同学，可以直接看参考文档。这篇文章只是记录下我自己学习的笔记。概述本篇文章，旨在利用MVP

导读叶子组件，单子组件，和多子组件的区别StatelessWidget和StatefulWidget就是两个用于组合Widget的基类，它们本身并不关联最终的渲染对象（RenderObjectWidget）线性布局Row，Columnt。弹性布局Flex。流式布局Wrap，Flow。层叠布局Stack，Positioned。Widget对应的Element说明LeafRenderObjectWid

1.Text简介具有某个单一样式的文本显示widget组件，显示支持一行或者多行。默认样式会继承层级最为接近DefaultStyle，当然你也可以重新定义他的样式将DefaultStytle.inherit设置为false基本用法dataText显示的文本，必须填参数StringtextAlign文本的对齐方式，可以选择左对齐、右对齐、居中等maxLines文本显示的最大行数overflow文本显

屏幕适配1.Flutter的单位1.1Flutter中的单位1.2Flutter的设备信息1.3在程序开始时获取设备信息1.4官网提供三方库获取设备相关信息2.适配方案2.1常用的适配方案2.2rpx适配目前移动端设备非常多，并且不同的设备手机屏幕也不相同。目前做移动端开发都要针对不同的设备进行一定的匹配，无论是移动原生开发、小程序、H5页面那么下面我们来学习下，Flutter中如何针对不同的手机

文章目录1.WillPopScope1.1示例2.InheritedWidget2.1didChangeDependencies2.2深入了解InheritedWidget3.Provider3.1实现简易Provider3.1.1购物车示例4.主题Theme5.ValueListenableBuilder5.1示例6.异步UI更新1.WillPopScope是导航返回拦截的组件，类似于Andro

文章目录1.可滚动组件介绍1.1Scrollable1.2Viewport1.3Sliver1.4可滚动组件的通用配置1.5ScrollController1.6子节点缓存1.7Scrollbar2.SingleChildScrollView2.1范例3ListView3.1默认构造函数3.2ListView.builder3.3ListView.separated3.4实现无限加载列表3.5添加

目录1使用vsCode创建APP项目1.1创建项目1.2调试项目2使用AndroidStudio创建APP项目2.1创建项目2.2调试项目1使用vsCode创建APP项目1.1创建项目查看>命令面板，输入Flutter，点击NewProject>Application，按流程创建第一个Flutter项目：1.2调试项目电脑插入真机调试，vscode右下角会显示真机名称，然后，点击运行>启动调试，真

1.dart简介Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用和物联网等领域的开发;Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到Flutter的出现现在被人们重新重视;要学Flutter的话我们必须首先得会Dart官网：https://dart.dev/2.dart环境搭建安装dart-sdk:官方文档：https://d

1.这两天搭建开发环境，在Androidstudio中跑FlutterHelloWorld项目，真的是日了狗了，刚接触Flutter，一直跑不起来，一直卡住在esolvingdependencies…，通过修改jcenter为jcenter{url“http://jcenter.bintray.com/”}，有的jar下载不下来，感觉还是网的问题，试试喽。最后发现，直接进入到项目根目录下，在cmd

学习主干：一名PHP程序员的Flutter学习之路学习dart语言的基本语法，Dart版本2.5一段Dart的基础代码学习Dart的注意事项Dart语言中的保留关键字变量默认值不可更变的量finalconstDart

提到生命周期太过熟悉，无论android、iOS还是flutter开发，都离不开围绕着生命周期转。生命周期顾名思义就是一个活动从开始创建到结束所经历的这个过程。前言我们知道Flutter是面向组件开发，一切皆Widget，所以常说Flutter的生命周期主要是指Widget的生命周期，常见的Widget主要分为StatelessWidget（无状态）和StatefulWidget（有状态）两种，S

经过几天的学习，对Flutter也有了初步的认识，在我看来，有java基础来学Flutter，首先还是要先看学下Dart语言，要不有些地方还是会很懵逼。Dart语言工欲善其事必先利其器，在正式要学习flutter之前，我们需要先了解一下Dart语言。Dart语言可以看成是JAVA和JS的结合体。Dart在静态语法方面和Java非常相似，如类型定义、函数声明、泛型等，而在动态特性方面又和JavaSc

dart，flutter的开发语言，算是语言界的新秀了吧，毕竟谷歌亲儿子。其语法跟java相似度很高，下面简单说几个差异点，其他时候就当java写吧，不多介绍。。。一数据类型dart的数据类型均是对象。数据类型包括：数字、字符串、布尔、列表、集合、映射、符文、符号举个栗子-int：inta=-20;print('a是负数：${a.isNegative}');输出：a是负数：true二函数dart的

import'package:flutter/cupertino.dart';import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{Widgetbuild(BuildContextcontext){returnMaterialApp(title:"flut

翻译自TimSneath2022年5月12日的文章《IntroducingFlutter3》作者：TimSneath翻译：沙漠尽头的狼(谷歌翻译加持)链接：IntroducingFlutter3(英文原文)我们在手机、桌面和网站开发上进行多平台UI开发的历程达到了顶峰。我们很高兴地宣布，作为GoogleI/O主题演讲的一部分推出Flutter3。Flutter3完成了我们从以移动为中心到多平台框架

Flutter实现：5星评分的展示的小组件--支持不同数量的星星、颜色、大小等import'package:flutter/material.dart';main(){returnrunApp(XMHomePage());}classXMHomePageextendsStatelessWidget{constXMHomePage({Key?key}):super(key:key);@overrid

一、前言今天学习插件开发，Flutter使用一个灵活的系统，允许调用特定平台(iOS/Android)的API，无论在Android上的Java或者Kotlin代码中，还是iOS上的Object-C或者Swift代码中均可使用。Flutter平台特定的API支持不依赖于代码生成，而是依赖于灵活的消息传递方式：应用的Flutter部分通过平台通道(platformchannel)将消息发送到应用程序

1.简介复选框本身不保持任何状态；当复选框的状态发生变化时，窗口小部件会调用onChanged回调；大多数使用复选框的小部件将侦听onChanged回调，并使用新值重建复选框以更新复选框的可视外观；2.示例代码classCheckboxDefaultextendsStatefulWidget{@overrideStatecreateState()=>_CheckboxDefault();}clas

安装：1.flutter官网下载其最新可用的安装包，官网地址：https://flutter.io/sdk-archive/#macos2.解压安装包到你想安装的目录3.终端vim~/.bash_profile增加exportPATH=/Users/用户名/flutter/bin:$PATH执行source~/.bash_profile检查成功flutter-h检查开发环境flutterdocto

安卓运行：1.flutter安卓模拟器如果运行一直显示runningGradletask'assembledebug',则需要修改gradle为本地具体操作有两步：image.pngimage.png1).新建个可运行的安卓项目查看上面两个地方内容2).分别替换到现有项目，然后再运行现有项目2.mac电脑运行flutter项目提示Operationnotpermitted，解决方法，在termin

参考资料:Flutter官网:https://flutter.dev/Flutter插件下载地址:https://pub.dev/packagesFlutter开发文档:https://flutter.cn/docs(强烈推荐)官方GitHub地址:https://github.com/flutterFlutter中文社区:https://flutter.cn/Flutter实用教程:https:

状态管理是flutter学习过程中很重要的部分，能够深入的理解局部状态和全局状态，那么在以后的flutter学习和生产项目开发中会更得心应手。

1.RaisedButton即"漂浮"按钮，它默认带有阴影和灰色背景。按下后，阴影会变大constRaisedButton({Keykey,@requiredVoidCallbackonPressed,//点击回调，不写按钮是禁用状态ValueChangedonHighlightChanged,//水波纹高亮变化回调,按下返回true,抬起返回falseButtonTextThemetextThe