全沾软贱开发攻城狮

前言在Flutter开发中，经常会遇到因为更新而引起的报错，而且最近两年Flutter不断完善和更新的速度越来越快，这就需要Flutter相关的开发者时刻保持不断学习的心态，来应对在Flutter开发中遇到的各种突发情况。本篇博文就来分享一下关于Flutter开发中执行flutter upgrade命令之后报错Exception：Flutter failed to create a directory at…的解决方法，方便后期查阅使用。报错提示在终端中运行flutter upgrade

前言在Flutter开发中，对于各种手机机型的适配是一个非常重要的事情，尤其是Android系统的机型太多太杂，适配起来不是易事，而且对于iOS系统的iPhone手机的“刘海”适配也是关键的一个知识点。那么本篇博文就来分享一下关于SafeArea的使用，SafeArea也是各种稀奇古怪不规则的屏幕适配的最佳利器，方便查阅使用。原理SafeArea是通过MediaQuery来检测屏幕尺寸，让应用程序的大小能与屏幕适配，然后返回了一个Padding Widget 来包裹住编写的页面，这样页面

前言在Flutter开发中，开发者对于ListView组件的使用并不陌生，因为常规的业务需求基本必会涉及到列表或者滑动，这就必会使用ListView。关于ListView的常规使用，一般查看官方文档都能找到对应的API，这里就不再多少。但是对于一些不常用的使用还是要知道的，那么本篇博文就来分享一下关于解决ListView的使用中常见问题之一：ListView顶部留白问题，方便查阅使用。描述在Flutter中ListView顶部默认状态下会有空白问题，会看到ListView头部有一点空白区域，

前言在Flutter开发过程中，对于UI界面的布局操作也是很重要的技能，尤其是根据实际业务需求的等比例显示、等分展示、对称显示、两端对齐等等，这些都是比较常见的操作，那么本文就来分享一下关于两端对齐的设置，对于不熟悉布局的开发者来说可以好好了解一下，本文以Row中的子控件左右两端对齐的方式来介绍，方便查阅使用。关于Row中的子控件左右两端对齐的方式有四种方式来设置，针对同一行的左右两端对齐的需求，很容易实现，而且实现方法也有四种：通过设置spaceBetween 对齐方式、通过使用Expande

前言在Flutter开发中，经常会遇到关于更新库的时候出状况，尤其是在时间过长没有更新库的时候，突然更新库之后就报错，对于开发者来说是非常不想看到的，但是对于熟悉相关库冲突的大牛来说不是什么问题，但是对于刚入行不久的开发者来说就是噩梦，所以本文就来分享一下关于在Flutter开发中遇到库冲突的问题解决方法，方便开发者查阅使用。报错问题分享一个在实际开发过程中，遇到的比较有代表性的库冲突的报错提示，如下所示：The current Dart SDK version is 2.12.2..

前言在Flutter开发中，关于图片上传和展示也是常用必用的操作，尤其是在设置APP用户的头像信息，以及上传背景图的操作。关于Flutter开发中图片的上传和展示也是比较常用的操作，也有对应的组件和插件，但是关于一些引申的需求操作，常规的操作是满足不了需要的，那么本文就来分享一下在实际业务需求中常用的需求：把从相册选中的图片转换成Base64之后再显示，或者展示获取到的Base64的图片。接下来就来分享一下关于相关的操作方法，方便查阅使用。需求描述读取到本地相册图片路径后，然后通过路径将

前言在Flutter开发中，熟练使用各种组件是必备技能，尤其是实际开发需求是错综复杂的，各种奇葩需求，必须要对常用的组件使用要很熟悉才行，那么本文就来分享一个在Flutter开发中比较常用的效果，表格折叠，或者说是对于table列表进行折叠的效果，这也是基于移动端开发的特点。接下来就来介绍一下关于Flutter开发中折叠组件的使用以及折叠效果实现的操作。折叠效果Flutter中的折叠效果主要是通过使用ExpansionPanel，结合使用headerBuilder和body来实现。

对于刚接触flutter开发人员来说，一些必要的坑还是必须要踩的，不踩坑永远提高不了，一些常识坑还是提前了解到，这样就可以避免踩坑了，总之一句话，菜鸟踩坑只有好处没有坏处，对于flutter开发本博主也是菜鸟一枚。那么为了警示后人，本篇博文分享一下关于flutter packages get不成功的坑，这个问题虽然很简单，但是仍然有人在踩坑。这里拿Mac系统来做例子演示，Windows系统的不在这里介绍。问题再现：打开运行一个flutter项目，然后一直提示 Running "flutter pac

导读在Flutter开发中，遇到Another exception was thrown: Unable to load asset: …，本地图片问题的解决方法。问题在项目中创建assets文件夹，在assets下面新建images文件，把需要的图片资源放入images文件夹下，然后在需要的地方调用使用图片，具体使用如下所示：Image.asset("images/shenfen1.png",width: 80, height: 80),运行项目，结果遇到如下错误提示：.

导读在Flutter开发编译运行模拟器的时候，遇到提示电脑当前CocoaPods版本低，需要升级到大于等于1.6.0版本以上的提示。问题编译运行项目的时候，终端打印如下提示内容：Warning: CocoaPods minimum required version 1.6.0 or greater not installed. Skipping pod install. CocoaPods is used to retrieve the iOS and macOS platform .

最近在用Flutter开发App项目，一切都是新的，一切都要学习。不过经过一段时间的开发适应和磨合，趋于稳定状态。本篇博文来分享一下Flutter设置App的应用名字和应用logo图标的方法，知识点虽然简单，但是不知道这个知识点就不行，所以还是要记录下来，分享一下。其实，Flutter设置App的应用名称和图标是要分开来操作的，Android和iOS是分开设置对应的App名称和图标的，这一点一...

Flutter开发过程中，Drawer控件的使用频率也是比较高的，其实有过移动端开发经验的人来说，Flutter中的Drawer控件就相当于ios开发或者Android开发中的“抽屉”效果，从侧边栏滑出导航菜单。对于Flutter中的Drawer控件的常规用法就不多介绍，网上大把的教程。那么本篇博文分享一个网上教程不多的一个知识点，那就是自定义Drawer的滑出位置的大小，自定义Drawer滑...

导读在Flutter开发中，运行项目，提示Failed to retrieve the Dart SDK…的错误提示的解决步骤。问题在运行Flutter项目的时候，flutter run的时候，提示以下错误提示：Downloading Dart SDK from Flutter engine 55406841525fba0dcb7fdf417bf021e96093459d... % Total % Received % Xferd Average Speed Time ...

Flutter开发中，表格组件是经常要用到的，表格展示数据也是App开发过程中不可缺少的需求的功能，其实Gridview的属性和ListView的属性很接近，那么本篇文章就来聊聊Flutter开发中表格组件Gridview的简单使用。Gridview常用的几种方式：1、GridView.count(@required int crossAxisCount)GridView.count的使用，需要传的是int类型的参数，也就是创建固定数量的item，crossAxisCount表示横轴it..

前言前段时间在做一个Flutter相关的App开发的时候，iPhone手机在连接Mac电脑，然后运行VS Code启动Flutter程序，然后可以正常安装到手机上，但是安装之后更新了手机的系统，而且手机系统更新到最新的iOS 14.4，然后重新打开手机里面安装的Flutter程序，然后遇到了程序启动问题，那么本文就来分析一下具体原因和解决方法。报错提示手机系统更新到iOS 14.4以后，运行手机安装的Flutter程序，然后程序运行不起来，并提示如下信息：In iOS 14+,de

Flutter开发会遇到各种各样的技术，而且flutter开发带来了新的“技术革命”，解放了iOS单一开发和Android单一开发所带来的巨大成本问题，一套flutter代码可以适用两种平台，既节约成本又提高了开发效率。Flutter开发现在是App开发的首选技术，那么本篇博文分享一下Flutter开发中在项目中加载本地html文件并显示的方法。本篇博文案例只介绍使用flutter的webview加载项目本地的HTML文件，其他方式的HTML加载这里不再介绍。加载本地HTML的步骤，具体如下所示：1

最近新接触flutter开发，好多内容都是新的，走了不少弯路，也学到很多东西，真是学到老活到老啊。本篇博文分享一下在flutter开发过程中，一个技巧，根据后台接口请求数据自动生成model实体类的dart文件。使用Json转实体类自动生成dart文件，使用的场景就是得到一个数据结构很复杂的json，或者是数据嵌套很多的json，因为通过手写model是真的太降低效率了，那么就可以用到这种自动生成json实体类的方式，只需简单几步，就可实现复杂数据的model创建。具体的操作如下所以。1、首先通过后

在flutter开发过程中，掌握常用组件的使用是必备技能，flutter常用的组件和App开发时候常用的控件基本一模一样，只是使用的方式不一样罢了。本篇博文分享一下flutter的文本输入框TextField组件的使用，该组件类似于iOS的TextField控件和Android的EditText控件，但是感觉flutter的文本输入框组件比App的文本输入框控件使用共简单一点，flutter的textfield组件的常用属性以及使用方式如下所示。首先再来看一下flutter关于textfield的源

在Flutter开发过程中，会使用到各种各样的好用的插件和第三方库，对于刚入行的新手来说，掌握正确的Flutter项目引入第三方库是必备技能。那么本篇博文就来分享一下关于Flutter项目中如何正确引用并且更新安装第三库或者插件的方法。引用并安装第三方库的方法打开项目工程，找到项目文件目录结构里的pubspec.yaml文件，然后找到dependencies节点，在dependencies节点下添加想要引入的第三方库名称以及版本号信息，顺便把引入的第三方库做一个注释说明，方便后期查阅。示例

前言在Flutter开发初期的时候，会遇到各种各样的问题，这个时候对于刚接触Flutter开发的开发者来说是有点费事费力的，所以在Flutter开发初期要多积累，多查阅，多踩坑，这样才能快速上手开发Flutter项目。本篇文章就来分享一个关于Flutter开发时候遇到的比较简单的问题，Flutter开发在进行flutter packages get操作之后提示的错误。错误提示Flutter项目在运行flutter packages get之后提示如下错误提示：执行命令 flutte.

在Flutter开发过程中，一些基本的实现效果是层出不穷，各种基础性的设置都需要开发者很好的掌握，这样在开发过程中才能快速的开发，提高开发效率和进度。那么本博文分享一个在Flutter开发过程中比较常用的实现效果：给image组件添加圆角。在Flutter开发中，给image组件设置圆角效果，稍不留神就踩了坑，而且会耽误开发进度。首先分享一下网上无良教程关于给image组件设置圆角的方法，没有效果的，拿出来举例子是为了起警示作用： Center( child: Contain...

首先来看一下Flutter的Appbar官方API的介绍，如下所示：AppBar({ Key key, this.leading, this.automaticallyImplyLeading = true, this.title, this.actions, this.flexibleSpace, this.bottom,...