程序那些事的博客_flutter系列

flutter系列之:做一个图像滤镜

简介很多时候，我们需要一些特效功能，比如给图片做个滤镜什么的，如果是h5页面，那么我们可以很容易的通过css滤镜来实现这个功能。那么如果在flutter中，如果要实现这样的滤镜功能应该怎么处理呢？一起来看看吧。我们的目标在继续进行之前，我们先来讨论下本章到底要做什么。最终的目标是希望能够实现一个图片的滤镜功能。那么我们的app界面实际上可以分为两个部分。第一个部分就是带滤镜效果的图片，第

滤镜

Image

ide

flutter

程序那些事

原创 2023-06-16 13:49:46 10000+阅读

flutter系列之:做一个会飞的菜单

简介 flutter中自带了drawer组件，可以实现通用的菜单功能，那么有没有一种可能，我们可以通过自定义动画来实现一个别样的菜单呢？答案是肯定的，一起来看看吧。定义一个菜单项目因为这里的主要目的是实现菜单的动画，所以这里的菜单比较简单，我们的menu是一个StatefulWidget,里面就是一个Column组件，column中有四行诗： static const _menuTitl

flutter

程序那些事

架构

原创 2023-06-06 13:49:38 10000+阅读

flutter系列之:做一个下载按钮的动画

简介我们在app的开发过程中经常会用到一些表示进度类的动画效果，比如一个下载按钮，我们希望按钮能够动态显示下载的进度，这样可以给用户一些直观的印象，那么在flutter中一个下载按钮的动画应该如何制作呢？一起来看看吧。定义下载的状态我们在真正开发下载按钮之前，首先定义几个下载的状态，因为不同的下载状态导致的按钮展示样子也是不一样的，我们用下面的一个枚举类来设置按钮的下载状态： enum D

ci

flutter

封装

程序那些事

大前端

原创 2023-05-24 16:27:46 10000+阅读

flutter系列之:使用AnimationController来控制动画效果

简介之前我们提到了flutter提供了比较简单好用的AnimatedContainer和SlideTransition来进行一些简单的动画效果，但是要完全实现自定义的复杂的动画效果，还是要使用AnimationController。今天我们来尝试使用AnimationController来实现一个拖拽图片，然后返回原点的动画。构建一个要动画的widget 在本文的例子中，我们希望能够让一个图

拖拽

动画效果

spring

flutter

程序那些事

原创 2023-05-17 11:22:46 8807 阅读

flutter系列之:做一个修改组件属性的动画

简介什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？答案是肯定的，一起来看看吧。 flutter中的动画widget 如果你只是希望动画展示widget的属性的变化，比如比如长

flutter

程序那些事

大前端

原创 2023-05-09 14:26:22 7342 阅读

flutter系列之:如何自定义动画路由

简介 flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了。但是MaterialPageRoute太普通了，如果我们想要做点不同的跳转特效应该如何处理呢？一起来看看吧。自定义跳转使用正常情况下，我们进行路由跳转需要用到Navigator和M

flutter

程序那些事

架构

大前端

原创 2023-04-19 16:35:09 10000+阅读 yyds干货盘点

flutter系列之:在flutter中使用相机拍摄照片

简介在app中使用相机肯定是再平常不过的一项事情了，相机肯定涉及到了底层原生代码的调用，那么在flutter中如何快速简单的使用上相机的功能呢？一起来看看吧。使用相机前的准备工作 flutter中为使用camera提供了一个叫做camera的插件，我们首先需要安装这个插件。安装插件的步骤很简单,如下所示： flutter pub add camera 该命令会在pubspec.xml

flutter

异步方法

github

程序那些事

原创 2023-04-04 18:39:10 10000+阅读 yyds干货盘点

flutter系列之:在flutter中使用媒体播放器

简介现在的app功能越来越强大，除了基本的图文之外，还需要各种各样的其他的功能,比如视频，和直播。直播可能会比较复杂，因为涉及到了拉流和推流，需要服务器端的支持，但是视频播放就比较简单了，那么如何在flutter中使用媒体播放器呢？一起来看看吧。使用前的准备工作 flutter本身是不支持媒体播放功能的，为了实现这个功能，我们需要使用额外的第三方插件叫做video_player。首先我们

ide

flutter

程序那些事

原创精选 2023-03-28 16:43:04 10000+阅读 yyds干货盘点

flutter系列之:创建一个内嵌的navigation

简介我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面，从而达到页面调整的目的。一般情况下这样已经足够了，但是有时候我们有多个Navigator的情况下，上面的使用方式就不够用了。比如我们有一个主页面app的Navigator，然后里面有一个匹配好友的功能，这个功能有多个页面，因为匹配好友功能的多个页面

flutter

程序那些事

大前端

原创精选 2023-03-13 15:41:36 9997 阅读

flutter系列之:在flutter中自定义themes

简介一般情况下我们在flutter中搭建的app基本上都是用的是MaterialApp这种设计模式，MaterialApp中为我们接下来使用的按钮，菜单等提供了统一的样式，那么这种样式能不能进行修改或者自定义呢？答案是肯定的，一起来看看吧。 MaterialApp中的themes MaterialApp也是一种StatefulWidget,在MaterialApp中跟theme相关的属性有这样

flutter

架构

大前端

程序那些事

原创精选 2023-03-06 11:14:26 8069 阅读

flutter系列之:Navigator的高级用法

简介上篇文章我们讲到了flutter中navigator的基本用法，我们可以使用它的push和pop方法来进行Router之间的跳转。在flutter中一个Router就是一个widget，但是在Android中，一个Router就是Activity,在IOS中，一个Router是一个ViewController。 Router除了之前讲过的push和pop方法之外，还有一些更加高级的用法，一

flutter

程序那些事

架构

大前端

原创精选 2023-02-27 15:30:45 8960 阅读

flutter系列之:在flutter中使用导航Navigator

简介一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用Navigator呢？一起来看看吧。flutter中的NavigatorNavigator是flutter中用来导航的关键组件。我们先来看下Navigator的定义:classNavigatorex

flutter

程序那些事

大前端

原创推荐 2023-02-20 14:44:42 10000+阅读

flutter系列之:使用SliverList和SliverGird

简介在上一篇文章我们讲解SliverAppBar的时候有提到过，Sliver的组件一般都用在CustomScrollView中。除了SliverAppBar之外，我们还可以为CustomScrollView添加List或者Grid来实现更加复杂的组合效果。今天要向大家介绍的就是SliverList和SliverGird。SliverList和SliverGird详解从名字就可以看出SliverLi

flutter

程序那些事

大前端

架构

原创精选 2023-02-13 15:58:14 10000+阅读 yyds干货盘点

flutter系列之:移动端手势的具体使用

简介之前我们介绍了GestureDetector的定义和其提供的一些基本的方法，GestureDetector的好处就是可以把任何一个widget都赋予类似button的功能。今天将会通过几个具体的例子来讲解一下GestureDetector的具体使用。赋予widget可以点击的功能一般情况下，我们的普通widget，比如文本是不能进行交互的，但是如果将其用GestureDetector进行包装之

flutter

程序那些事

大前端

原创精选 2022-12-19 19:59:28 10000+阅读

flutter系列之:flutter中常用的ListView layout详解

简介ListView是包含多个child组件的widget，在ListView中所有的childwidget都是以list的形式来呈现的，你可以自定义List的方向，但是和GridView不同的是ListView中的每一个List里面都只包含一个widget。今天我们来详细了解一下ListView的底层实现和具体的应用。ListView详解和GridView一样，ListView也是继承自Scro

构造函数

分隔符

flutter

程序那些事

原创精选 2022-07-06 19:08:43 10000+阅读 1点赞 1收藏 1评论 yyds干货盘点

flutter系列之:flutter中常用的container layout详解

简介在上一篇文章中，我们列举了flutter中的所有layout类，并且详细介绍了两个非常常用的layout:Row和Column。掌握了上面两个基本的layout还是不够的，如果需要应付日常的layout使用，我们还需要掌握多一些layout组件。今天我们会介绍一个功能强大的layout:Containerlayout。Container的使用Container是一个空白的容器，通常可以用Con

flutter

构造函数

4s

程序那些事

原创精选 2022-06-06 21:13:00 10000+阅读 1点赞 yyds干货盘点

flutter系列之:UI layout简介

简介对于一个前端框架来说，除了各个组件之外，最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout，就是用来描述如何将组件进行摆放的一个约束。在flutter中，基本上所有的对象都是widget,对于layout来说也不例外。也就是说在flutter中layout也是用代码来完成的，这和其他的用配置文件来描述layout的语言有所不同。你可以把layout看做是一种看不见的widge

flutter

缩放

github

程序那些事

原创精选 2022-06-05 19:46:52 10000+阅读 1点赞 yyds干货盘点

flutter系列之:Material主题的基础-MaterialApp

简介为了简化大家的使用，虽然flutter推荐所有的widget都有自己来进行搭建，但是在大框架上面，flutter提供了Material和Cupertino两种主题风格的Widgets集合，大家可以在这两种风格的继承上进行个性化定制和开发。这两种风格翻译成中文就是：材料和库比蒂诺？什么鬼....我们还是使用默认的英文名来称呼它们吧。本文我们将会深入讲解Material主题的基础MaterialA

flutter

应用程序

git

程序那些事

原创推荐 2022-06-04 21:56:42 10000+阅读 1点赞 yyds干货盘点

flutter系列之:移动端的手势基础GestureDetector

简介移动的和PC端有什么不同呢？同样的H5可以运行在APP端，也可以运行在PC端。两者最大的区别就是移动端可以用手势。手势可以做到一些比如左滑右滑，上滑下滑，缩放等操作。原生的andorid和IOS当然可以做到这些事情,作为一个移动的的开发框架flutter，自然也能够支持手势。flutter中的手势支持叫做GestureDetector，一起来看看flutter中的手势基础吧。Pointers和

flutter

点击事件

移动端

程序那些事

原创推荐 2022-06-03 08:06:52 10000+阅读 1点赞 yyds干货盘点

flutter系列之:构建Widget的上下文环境BuildContext详解

toc简介我们知道Flutter中有两种Widget，分别是StatelessWidget和StatefulWidget，StatelessWidget中有一个build方法来创建对应的Widget，虽然StatefulWidget中没有对应的build方法，但是和StatefulWidget对应的State中也有同样的build方法。这个build方法就是用来创建Widget的核心方法。我们来看

flutter

ide

子节点

程序那些事

原创推荐 2022-06-02 20:55:24 10000+阅读 1点赞 yyds干货盘点

flutter系列之:用来管理复杂状态的State详解

简介Flutter的基础是widget,根据是否需要跟用户进行交互，widget则可以分为StatelessWidget和StatefulWidget。StatelessWidget只能根据传入的状态进行简单的初始化widget，如果要实现跟用户交互这种复杂的功能，则需要用到StatefulWidget。但是对于StatefulWidget本身来说，它并不存储任何状态，所有的状态都是存放在和Sta

flutter

生命周期

初始化

程序那些事

原创 2022-06-01 19:46:25 10000+阅读 1点赞 yyds干货盘点

flutter系列之:widgets,构成flutter的基石

简介flutter中所有的组件都是由widgets组成的，flutter中有各种各样的widgets，这些widgets构成了flutter这个大厦。那么flutter中的widget有什么特点呢？我们应该怎么学习widget呢？一起来看看吧。StatelessWidget和StatefulWidget实时上，flutter中的widgets是受到React的启发来实现的。flutter中的wid

flutter

ico

ide

程序那些事

widgets

原创精选 2022-05-31 21:50:06 10000+阅读 1点赞 1收藏 yyds干货盘点

flutter系列之:flutter架构什么的,看完这篇文章就全懂了

简介Flutter是google开发的一个跨平台的UI构建工具，flutter目前最新的版本是3.0.1。使用flutter你可以使用一套代码搭建android，IOS，web和desktop等不同平台的应用。做到一次编写到处运行的目的。说到一次编写处处运行，大家可能会想到java。那么flutter跟java是不是类似呢？对于JAVA来说，在编写完JAVA代码之后，将其编译成为class字节码，

flutter

c++

跨平台

架构

原创推荐 2022-05-30 21:06:31 10000+阅读 1点赞 1收藏 yyds干货盘点

#yyds干货盘点#dart系列之:集合使用最佳实践

简介dart中有四种集合，分别是Set，List，Map和queues。这些集合在使用中需要注意些什么呢？什么样的使用才是最好的使用方法呢?一起来看看吧。使用字面量创建集合对于常用的Set,Map和List三个集合来说，他们是有自己的无参构造函数的：factorySet()=LinkedHashSet<E;externalfactoryMap();@Deprecated("Usealistlite

类型转换

构造函数

dart

flutter

程序那些事

原创精选 2022-02-12 19:15:59 1004 阅读 1收藏 yyds干货盘点

#yyds干货盘点#dart系列之:和null说再见,null使用最佳实践

简介null可能是大家在编写程序中最为头疼的一个东西，稍不留意的情况下就有可能使用到了这个空字符。所以dart在2.12引入了nllsafety，默认情况下强制所有的类型都不为null，只有在你认为它可以为null的时候才可以设置为null。虽然有了nullsafety,但是这里还有一些我们需要考虑的null的最佳实践。不需要初始化对象为null在dart2.12之后，所有的对象都强制为非空的，除

初始化

操作符

dart

flutter

程序那些事

原创精选 2021-12-27 08:16:28 3349 阅读 yyds干货盘点

#yyds干货盘点#dart系列之:手写Library,Library编写最佳实践

简介Library是dart用来组织代码的一种非常有用的方式，通过定义不同的Library，可以将非常有用的dart代码进行封装，从而提供给其他的项目使用。虽然我们可以自由使用import或者export来对library进行导入和导入。但是什么样的用法才是最合适的用法呢？一起来看看吧。使用part和partof虽然很多程序员讨厌使用part，但是dart确实提供了part这种功能用来将一个大的l

相对路径

主文件

dart

flutter

程序那些事

原创精选 2021-12-25 15:09:57 2962 阅读 1点赞 yyds干货盘点

#yyds干货盘点#dart系列之:做个守规矩的好学生,dart代码最佳实践

简介每种语言都有自己的代码风格，这种代码风格是跟语言特性息息相关的。如果在编码的过程中遵循这种统一的编码规则，会给我们的业务带来非常多的便利。同样的，对应dart而已，也有属于自己的编码风格，一起来看看吧。命名规则一般来说，这个世界上有三种命名规则，分别是UpperCamelCase,lowerCamelCase和lowercase_with_underscores.UpperCamelCase表

代码风格

命名规则

首字母

程序那些事

dart

原创精选 2021-12-23 09:27:05 3608 阅读 yyds干货盘点

#yyds干货盘点#dart系列之:你的地盘你做主,使用Extension对类进行扩展

简介一般情况要扩展一个类，需要继承这个类，这是在大多数java或者其他面向对象语言中要做的事情。但是有些时候扩展类并不是特别好用，首先在有些语言中，有些类是禁止被扩展的。即使可以被扩展，但是扩展之后的类是一个新的类，而不是原来的父类，所以在使用的过程中可能会出现一些类型转换的问题。那么在dart中是怎么解决这个问题的呢？dart中extension的使用dart在2.7之后，引入了extensio

字符串转换

sed

dart

flutter

程序那些事

原创精选 2021-12-22 09:34:08 3861 阅读 yyds干货盘点

#yyds干货盘点#dart系列之:dart优秀的秘诀-隔离机制

简介之前介绍了很多dart中的异步编程技巧，不知道大家有没有发现一个问题，如果是在java的异步编程中，肯定会提到锁和并发机制，但是对于dart来说，好像从来没有听到多线程和并发的问题，这是为什么呢？今天，给大家讲解一下dart中的隔离机制，大家就明白了。dart中的隔离机制dart是一个单线程的语言，但是作为一个单线程的语言，dart却支持Future,Stream等异步特性。这一切都是隔离机制

隔离机制

多线程

dart

flutter

程序那些事

原创精选 2021-12-20 10:28:12 3024 阅读 yyds干货盘点

#yyds干货盘点#dart系列之:安全看我,dart中的安全特性null safety

简介在Dart2.12中引入了nullsafety的新特性，也就是说dart程序中默认类型都是非空的，除非你显示告诉编译器，这个类型可以为空。看起来是一个小小的改动，但是这个小小的改动导致了很多Dart包的大版本升级，从而导致使用Dart2.12之前的版本跟使用dart2.12之后的版本完全就是两个不同的世界。真的这么奇妙吗？一起来看看Dart2.12nullsafety的特性吧。Nonnulla

版本升级

初始化

dart

flutter

程序那些事

原创精选 2021-12-18 10:34:00 2297 阅读 yyds干货盘点

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

程序那些事