Flutter 开发实战
分享
扫一扫
文章平均质量分 93
Flutter 开发实战，精选重难点。
优惠券已抵扣
余额抵扣
还需支付
¥9.90
¥99.00
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
yechaoa
优快云博客专家、掘金签约作者、infoQ 专家博主、阿里云专家博主、51CTO专家博主、华为云云享专家；现就职于阿里巴巴，研究方向包括但不限于大前端、端基础架构与中间件、性能优化等。
展开
-
Flutter版本从1.7.8到3.7.9的升级之旅
个人于2019年5月开源了WanAndroid的Flutter版本，截止目前也有660+的star，在过去的4年中，大家对Flutter的关注也越来越多，且有很多已经在商业项目中使用。这中间也陆陆续续有不少朋友问我什么时候能升级一下Flutter的版本，毕竟太老了。所以这次也是借着这个机会，把这个项目升级一下，熬了两个大夜，终于算是适配好了。原创 2023-04-03 00:31:09 · 711 阅读 · 0 评论 -
Flutter app打包详解
Flutter app打包跟常规打包是差不多的，以android为例：配置构建信息这一步呢主要是检查配置app的基础信息：applicationIdversionCodeversionNameminSdkVersiontargetSdkVersionuses-permission打包的开发环境等签名创建keystore有keystore就跳过，没有就执行：keytoo...原创 2019-08-21 11:23:23 · 8110 阅读 · 2 评论 -
Flutter 下拉刷新之RefreshIndicator
效果属性RefreshIndicator 是 Material Design 风格的下拉刷新控件，所以同android中的SwipeRefreshLayout用法一样，嵌套在外层即可。先了解一下属性： const RefreshIndicator({ Key key, @required this.child, this.displacement = 40.0,...原创 2019-08-02 14:02:39 · 11583 阅读 · 2 评论 -
Flutter 状态管理之provide
什么是状态管理通俗点来讲就是，对一个数据源的统一管理。比如，列表和详情都有收藏按钮，在详情收藏之后，列表也要同步收藏状态；类似的还有签到、领红包、已读等多种业务场景。在项目小、业务简单的时候可能还不需要或者比较好管理，当项目逐渐庞大、业务也越来越复杂的时候，改起来绝对会焦头烂额，所以状态管理就应运而生了。为什么选择provide其实状态管理的框架也有好几家：BLoCScope...原创 2019-07-30 17:16:05 · 2277 阅读 · 2 评论 -
Flutter Widget显示隐藏
在Android中我们可以用visibility来控制控件的显示和隐藏，那在Flutter中我们怎么控制呢？其实，在Flutter中控制Widget显示和隐藏有3中方法：不过3种方法的核心思想都是根据变量的值去判断的，所以先定义一个变量：bool visible = true;变量的值可以在事件中去控制，比如： onPressed: () { setS...原创 2019-06-06 17:17:29 · 7832 阅读 · 1 评论 -
Flutter TextField详解
文章目录基本属性TextFieldInputDecoration样式基础样式隐藏文本键盘类型键盘按钮大小写光标最多行数计数器图标提示文字去除下划线边框获取输入内容关闭软键盘校验异常总结github：https://github.com/yechaoa/wanandroid_flutter/blob/master/lib/pages/loginPage.dart效果：终于还是对TextFie...原创 2019-06-05 17:58:57 · 53395 阅读 · 5 评论 -
Flutter 切换主题
效果：本文是基于provide进行切换主题的，其他状态管理框架的话也大同小异。核心思想：创建一个主题色列表根据下标取值配置主题色通过状态管理动态修改主题色列表的下标，从而达到切换主题的效果保存选中的主题色下标，保持本地持久化显示引用provideprovide: ^1.0.2更多可查看：Flutter 状态管理之provide创建主题色管理类import '...原创 2019-07-31 17:04:43 · 3193 阅读 · 8 评论 -
Flutter banner轮播图之Swiper
文章目录关于Swiper示例并讲解基础使用分页控制器显示样式指示器点击事件高度自适应完整代码详细属性基本参数分页指示器控制按钮控制器(SwiperController)轮播图简直是不要太常见的功能了。今天来看一下在Flutter中是怎么实现的。效果关于Swiperflutter最强大的siwiper, 多种布局方式，无限轮播，Android和IOS双端适配.github：http...原创 2019-05-28 17:23:34 · 7178 阅读 · 3 评论 -
Flutter ExpansionPanelList使用讲解
文章目录关于ExpansionPanelListExpansionPanelList是一个item可以打开合并的list控件。使用ExpansionPanelListListView.builder 用法扩展效果图：话说网上关于flutter ExpansionPanelList的学习资源还真是不多，只能对着文档一顿操作，然后自己填坑…关于ExpansionPanelListExp...原创 2019-05-20 15:56:41 · 9197 阅读 · 1 评论 -
Flutter 网络请求封装之Dio（Cookie管理、添加拦截器、下载文件、异常处理、取消请求等）
文章目录Dio相关封装开始get请求post请求post Form表单异常处理Cookie管理添加拦截器下载文件取消请求Https证书校验调用示例完整代码之所以封装，千言万语汇成一句话：方便使用。Dio相关dio是一个强大的Dart Http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等…添加依赖...原创 2019-05-15 13:59:40 · 37887 阅读 · 14 评论 -
Flutter 底部导航栏BottomNavigationBar，并关联PageView实现滑动切换
效果图：BottomNavigationBar先来看一下官方的sample code：class MyHomePage extends StatefulWidget { MyHomePage({Key key}) : super(key: key); @override _MyHomePageState createState() => _MyHomePageState...原创 2019-05-06 12:52:02 · 6849 阅读 · 8 评论 -
Flutter Chip详解
文章目录ChipActionChipChoiceChip示例代码：效果：Chip标签使用场景：事物的属性或标签，历史搜索记录等。 const Chip({ Key key, this.avatar,//标签左侧的Widget @required this.label, this.labelStyle, this.labelPadding, ...原创 2019-05-21 14:11:08 · 6876 阅读 · 0 评论 -
Flutter PopupMenuButton使用
效果：常用属性 const PopupMenuButton({ Key key, @required this.itemBuilder,//item构建 this.initialValue,//默认值 this.onSelected,//选中回调 this.onCanceled,//取消回调 this.tooltip,//长按提示信息 ...原创 2019-05-30 19:46:43 · 6428 阅读 · 1 评论 -
Flutter TabBar、TabBarView的使用
文章目录效果：简介TabBarTabBarViewTabBar和TabBarView联动点击更新完整代码效果：说实话，这个效果实现起来并没有我想象中的那么简单，demo跟实际开发差的还是蛮大的，一方面是学习成本，要查看源码，另一方面就是页面的布局，层级嵌套的太深了。。简介TabBar和TabBarView到底是什么关系呢，简而言之，TabBar就是导航栏，TabBarView就是导...原创 2019-05-23 15:56:28 · 19455 阅读 · 6 评论 -
Flutter SliverAppBar全解析，你要的效果都在这了！
转载请声明出处！！！先来简单看下部分效果图：本文内容可能有点多，但是都很简单，配上效果图味道更佳~ 什么是SliverAppBarSliverAppBar 类似于Android中的CollapsingToolbarLayout，可以轻松实现页面头部展开、合并的效果。与AppBar大部分的属性重合，相当于AppBar的加强版。 先从最基本的效果开始，一步一步做到全效果。 常...原创 2019-05-30 17:23:20 · 55359 阅读 · 14 评论 -
Flutter Drawer详解
文章目录简介基础属性DrawerHeaderUserAccountsDrawerHeader功能列表Drawer打开关闭完整代码效果：简介Drawer是一个抽屉控件，通常从页面的左边或右边滑出来。抽屉的内部结构通常是头部信息Header、内容区ListTiles、或以一个AboutListTile结尾。基础属性首先，Drawer是Scaffold下的一个子widget。 ...原创 2019-05-27 17:43:28 · 4975 阅读 · 5 评论 -
Flutter 加载WebView（加载网页）
文章目录1、安装插件2、使用3、简介1、安装插件安装dependencies: flutter_webview_plugin: ^0.3.5packages getImportimport 'package:flutter_webview_plugin/flutter_webview_plugin.dart';2、使用简单示例：import 'package:...原创 2019-05-13 16:09:07 · 16417 阅读 · 5 评论