2019年05月_yechaoa

原创 Flutter PopupMenuButton使用

效果：常用属性 const PopupMenuButton({ Key key, @required this.itemBuilder,//item构建 this.initialValue,//默认值 this.onSelected,//选中回调 this.onCanceled,//取消回调 this.tooltip,//长按提示信息 ...

2019-05-30 19:46:43 6311 1

原创 Flutter ScrollView嵌套ListView滑动冲突

无论是SingleChildScrollView、NestedScrollView还是CustomScrollView，在嵌套ListView或其他可以滑动的widget的时候，导致滑动冲突或卡顿等，是因为二者都有可滑动属性，所以解决办法就是禁掉二者其一的滑动，一般选择子widget即ListView。添加physics属性：physics: new NeverScrollableSc...

2019-05-30 19:00:59 7615

原创 Flutter SliverAppBar全解析，你要的效果都在这了！

转载请声明出处！！！先来简单看下部分效果图：本文内容可能有点多，但是都很简单，配上效果图味道更佳~ 什么是SliverAppBarSliverAppBar 类似于Android中的CollapsingToolbarLayout，可以轻松实现页面头部展开、合并的效果。与AppBar大部分的属性重合，相当于AppBar的加强版。先从最基本的效果开始，一步一步做到全效果。常...

2019-05-30 17:23:20 53420 14

原创 flutter No Material widget found.

I/flutter (25517): No Material widget found.I/flutter (25517): ListTile widgets require a Material widget ancestor.I/flutter (25517): In material design, most widgets are conceptually "printed" on a...

2019-05-30 10:59:51 11441 2

原创 Warning! This package referenced a Flutter repository via the .packages file that is no longer avail

Warning! This package referenced a Flutter repository via the .packages file that is no longer available. The repository from which the 'flutter' tool is currently executing will be used instead. ...

2019-05-29 19:56:16 6513

原创记一次升级Flutter SDK失败的光辉历史

提示：本文内容颇为复杂，涉及到的疑难杂症也颇多。一切源于一个简单的指令：flutter upgrade，然后开启了崩溃的黑色3小时。刚打开项目，看到控制台的编译log提示Flutter SDK可以更新，行吧，那就更新吧，想着应该也是一个很简单的事情，因为我Android Studio也是经常更新的。ok，编译结束，Terminal中直接执行flutter upgrade，因为之前也在官方...

2019-05-29 19:47:45 12253 5

原创 Flutter 获取屏幕宽高

屏幕宽度：MediaQuery.of(context).size.width屏幕高度：MediaQuery.of(context).size.height

2019-05-28 17:56:51 4514

原创 Flutter banner轮播图之Swiper

文章目录关于Swiper示例并讲解基础使用分页控制器显示样式指示器点击事件高度自适应完整代码详细属性基本参数分页指示器控制按钮控制器(SwiperController)轮播图简直是不要太常见的功能了。今天来看一下在Flutter中是怎么实现的。效果关于Swiperflutter最强大的siwiper, 多种布局方式，无限轮播，Android和IOS双端适配.github：http...

2019-05-28 17:23:34 7103 3

原创 Horizontal viewport was given unbounded height.width.

Horizontal viewport was given unbounded height.Vertical viewport was given unbounded width.在写纵向或横向的布局的时候，一不小心就会遇到这个异常，宽度或高度溢出，导致widget不显示。比如一个简单的例子： body: Column( children: <Widg...

2019-05-28 16:14:05 12795

原创 Flutter Drawer详解

文章目录简介基础属性DrawerHeaderUserAccountsDrawerHeader功能列表Drawer打开关闭完整代码效果：简介Drawer是一个抽屉控件，通常从页面的左边或右边滑出来。抽屉的内部结构通常是头部信息Header、内容区ListTiles、或以一个AboutListTile结尾。基础属性首先，Drawer是Scaffold下的一个子widget。 ...

2019-05-27 17:43:28 4866 5

原创 Flutter Card使用

效果：代码： Card( elevation: 5,//阴影 shape: const RoundedRectangleBorder(//形状 //修改圆角 borderRadius: BorderRadius.all(Radius.circular(10)), ), colo...

2019-05-23 16:32:14 4823

原创 Flutter TabBar、TabBarView的使用

文章目录效果：简介TabBarTabBarViewTabBar和TabBarView联动点击更新完整代码效果：说实话，这个效果实现起来并没有我想象中的那么简单，demo跟实际开发差的还是蛮大的，一方面是学习成本，要查看源码，另一方面就是页面的布局，层级嵌套的太深了。。简介TabBar和TabBarView到底是什么关系呢，简而言之，TabBar就是导航栏，TabBarView就是导...

2019-05-23 15:56:28 19269 6

原创 Flutter 左右菜单联动

效果：像这种左右菜单联动的效果很常见，即点击左边菜单列表右边刷新，这里演示一下在Flutter中的实现页面结构很简单，分为左右结构，左边是一个ListView，右边也是一个ListView，然后按比例显示即可 return new Row( mainAxisAlignment: MainAxisAlignment.start, children: &l...

2019-05-22 17:00:23 12093

原创 Flutter Chip详解

文章目录ChipActionChipChoiceChip示例代码：效果：Chip标签使用场景：事物的属性或标签，历史搜索记录等。 const Chip({ Key key, this.avatar,//标签左侧的Widget @required this.label, this.labelStyle, this.labelPadding, ...

2019-05-21 14:11:08 6767

原创 Flutter 流式布局之Wrap

效果：WrapA widget that displays its children in multiple horizontal or vertical runs.一个可以横向或纵向显示的流式布局的widget使用场景：一行显示不下需要换行的时候源码： Wrap({ Key key, this.direction = Axis.horizontal,//方...

2019-05-21 11:34:25 1462

原创 Flutter ExpansionPanelList使用讲解

文章目录关于ExpansionPanelListExpansionPanelList是一个item可以打开合并的list控件。使用ExpansionPanelListListView.builder 用法扩展效果图：话说网上关于flutter ExpansionPanelList的学习资源还真是不多，只能对着文档一顿操作，然后自己填坑…关于ExpansionPanelListExp...

2019-05-20 15:56:41 9118 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 37567 14

原创 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 16244 5

原创 Flutter 跳转页面并传值

文章目录1、跳转2、传值3、接收跳转传值是再普通不过的小功能了，在开发中会经常用到，比如列表进入详情。效果：1、跳转比如在onTap事件中处理跳转。为了导航到新的页面，我们需要调用Navigator.push方法。该push方法将添加Route到由导航器管理的路由栈中！该push方法需要一个Route，但Route从哪里来？我们可以创建自己的，或直接使用MaterialPa...

2019-05-13 15:38:05 7549

原创 Flutter Json自动解析之FlutterJsonBeanFactory

在flutter中，官方也提供了解析方式，比如： Map<String, dynamic> user = json.decode(response.toString()); print('Howdy, ${user['name']}!'); print('We sent the verification link to ${user['github...

2019-05-09 15:07:57 14468 16

原创 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 6736 8

原创 Flutter BottomNavigationBar不显示（显示白色）？

BottomNavigationBar 超过3个之后不显示（显示白色）？官网文档解释：The bottom navigation bar’s type changes how its items are displayed. If not specified it’s automatically set toBottomNavigationBarType.fixed when ther...

2019-05-05 17:49:50 2343

原创 Flutter color颜色的用法

系统自带color的使用和自定义color系统的color查看Color的源码： static const Color black = Color(0xFF000000);可以看到，这里的black也是赋值封装好的，我们可以直接调用（Colors.black 即可）。当然系统也封装了很多的color使用（查看源码轻松找到），上面我们可以看到有很多不同程度的红色，默认就是原始的...

2019-05-05 14:54:23 29037 2

yechaoa