![](https://img-blog.csdnimg.cn/20210111114101291.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter?你别搞我就行了~
文章平均质量分 76
Flutter的简简单单搞事之旅
神经骚栋
IT界无底坑洞栋主
展开
-
Flutter动画 5 - Flutter内置动画组件
概述前几篇文章我们都是使用Flutter中的AnimationController、Animation以及Tween来实现我们的动画效果,如果我们只想实现一些简单动画,该怎么办呢?今天我们就一起了解Flutter中内置的动画组件.接下来,我们就来分类来看一下Futter内置的动画组件.需要外部Animation支持Animation组件功能DecoratedBoxTransitionDecoratedBox的动画版本,可以给它的Decoration不同属性使用动画..原创 2021-05-14 11:13:50 · 667 阅读 · 1 评论 -
Flutter动画 4 - Hero动画
概述花瓣App的转场动画,这么多年还是没变,还是图片转场动画.网上有很多人实现过相关效果,先前骚栋18年在做iOS项目的时候,也实现的类似的效果,但是全程实现起来还是比较麻烦,需要自己来定义转场动画.在Flutter中也提供了相关效果的组件,那就是 Hero . 接下来我们就来看一下Hero组件实现这种转场动画效果,整体来说还是比较简单的.Hero动画首先看一下Hero的构建方法.其中有两个参数是必须要传入的,一个是final Object tag;,是两个路由需要实现Hero动画组件..原创 2021-05-10 10:15:18 · 749 阅读 · 0 评论 -
Flutter动画 3 - Animation动画组
简述在前面的两篇博客中,我们了解了在Flutter中动画如何简单的使用动画,了解Tween相关使用方法.但是在很多场景下,我们使用的并不是单单一种动画,而是多种动画一起执行或者顺序执行,那么在应对这样的场景我们该怎么办呢? 今天,我们就聊一聊如何在Flutter中实现这种并行动画或者串行动画呢?接下来我们就一起看看这两种形式的动画是如何实现的.并行动画对于并行动画这种多个动画同时执行,我们需要让各个动画Animation的动画控制器AnimationController保持一致就可以了. 这..原创 2021-05-09 09:29:23 · 656 阅读 · 0 评论 -
Flutter动画 2 - Animation、Tween 详解
简述在 Flutter动画 1 - 实现一个最简单的动画 中,我们只使用到AnimationController就实现了一个简单的动画,但是如果映射的值复杂多变,或者想让值映射成颜色等等,这时候单个AnimationController就不能实现我们的需求了,这时候就需要使用到 Tween 以及 Animation.其实在 Flutter动画 1 中, 我也是用了取巧的方案,对于AnimationController,我们要尽量保持它的单一职责性,他就是来管理动画的执行,过程等,它不应该管控每一个..原创 2021-05-08 10:15:42 · 927 阅读 · 0 评论 -
Flutter动画 1 - 实现一个最简单的动画
简述动画效果会对提升用户体验有着显著效果,一个漂亮的动画效果会让人眼前一亮,反正就是用这舒服,如果没有动画效果的加持,整个App会显的非常生涩难用.对于Flutter的动画,作为小白的我也是最近才刚刚接触,所以这里就说一下Futter中如何使用动画.这一篇主要是来说如何在Flutter中实现一个最简单的动画,这里假设你已经对Flutter有一些基本的了解或者有一定的开发经验了.构建基础这里我们就以控制 Container组件中 margin 为示例.首先我们先创建一个StatefulWi..原创 2021-05-06 19:21:13 · 531 阅读 · 0 评论 -
Flutter浅谈extends、implements、with、extension
本篇博客主要用来总结一下Dart语言中几种类扩展的形式.这篇文章只能算是笔记,做一些总结归纳.继承 (extends)说到类扩展,就不得不说继承,在Dart中继承是使用 extends 关键字来实现的.Dart继承的特点Dart中继承是单继承.构造函数或者析构函数不能继承.子类重写父类方法要在方法前加@override.子类调用父类的方法用super.Dart中子类可以访问父类的所有变量和方法.注:Dart中子类可以访问父类的所有变量和方法,因为.原创 2021-04-25 10:46:27 · 1304 阅读 · 0 评论 -
Flutter-快速创建简单闪屏页
前言近来闲暇时间一直在做Flutter,闪屏页是一个比较常见的需求,网上的闪屏页教程大部分是那种类似于广告页,而非iOS中的 LaunchScreen 性质的闪屏页.按照原来的方案我们要配置闪屏页的话,我们需要同时配置两端的闪屏页,那么有没有比较简单的方案来配置闪屏页呢? 毋庸置疑,当然是有了,那就是Flutter的插件 - flutter_native_splash . 接下来我们就来看一下具体应该怎么使用这个插件.使用首先把 flutter_native_splash 导入到工程的pu..原创 2021-02-19 11:45:06 · 600 阅读 · 0 评论 -
Flutter随手记:Android Studio的设备列表一直在Loading?
今天升级了Xcode,结果再进入Android Studio的Flutter项目的时候,发现设备列表一直处于Loading状态了,重启Android Studio,重启Mac皆无效.解决方案关闭Android Studio,不关闭执行下面仍然会卡住.找到Flutter的安装目录,并且进入bin/cache目录.删除 lockfile 文件.终端重新执行 flutter doctor.重启Android Studio, 正常运行....原创 2021-01-24 03:20:41 · 1530 阅读 · 2 评论 -
Flutter随手记:发布自己的插件
正文插件制作完成之后,需要发布了,我们需要进行以下几步。把整体插件项目上传github,记录对应的github地址。配置 pubspec.yaml 文件。name: 插件的名称,改动的时候需要注意,可能会引起插件中的引用改动,导致其他问题。description: 插件的简介version: 1.0.0 # 当前插件版本,每一次发布都不能和以前版本号一样 author: 神经骚栋 <676758285@qq.com> # 作者信息,会显示到 https://pub..原创 2021-01-24 03:19:22 · 353 阅读 · 2 评论 -
Flutter随手记:GestureDetector实现点击事件时,点击空白区域不能响应?
作为一个Flutter小白,需要写点随手笔记,来增加熟练度。正题上面的这个问题是当 GestureDetector 中添加了 Container组件,Container组件里面的图片并没完全占满所有的空间,这时候点击空白区域,事件不能响应。 GestureDetector( child: Container( width: ThemeSize.NavigationHeight, height: ThemeSize..原创 2021-01-24 03:18:45 · 1197 阅读 · 0 评论 -
SDScan:Flutter二维码扫描界面太丑?看这里就够了。
前言这段时间一直在写Flutter的一个项目,作为一个才入门Flutter的小白,遇到的坑是多之又多,近来想做个二维码扫描界面。看了看网上常用的三方库,真心觉得UI简直不要太简陋,所以自己决定动手撸一个Flutter插件,简单实现一下。当然了,由于Android和Flutter的基础太差,可能会有很多Bug的存在,如果各位大佬有看到不符合规范的地方,欢迎指导批评。参考库如下所示。安卓部分是基于 zxing-android-embedded 这个库,iOS是参考 ZFScan 改造的。Android.原创 2021-01-24 03:18:11 · 816 阅读 · 1 评论