yechaoa-CSDN博客

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

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

2019-05-30 17:23:20 51541 12

原创 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 11284 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 6484

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

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

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

原创 Flutter 获取屏幕宽高

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

2019-05-28 17:56:51 4455

原创 Flutter banner轮播图之Swiper

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

2019-05-28 17:23:34 7048 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 12473

原创 Flutter Drawer详解

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

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

原创 Flutter Card使用

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

2019-05-23 16:32:14 4773

原创 Flutter TabBar、TabBarView的使用

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

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

原创 Flutter 左右菜单联动

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

2019-05-22 17:00:23 11838

原创 Flutter Chip详解

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

2019-05-21 14:11:08 6688

原创 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 1424

原创 Flutter ExpansionPanelList使用讲解

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

2019-05-20 15:56:41 9046 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 37201 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 16136 5

原创 Flutter 跳转页面并传值

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

2019-05-13 15:38:05 7449

原创 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 14383 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 6661 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 2252

原创 Flutter color颜色的用法

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

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

原创 java.net.UnknownServiceException: CLEARTEXT communication to * not permitted by network

在Android O 升 P （8.0升9.0）的时候，会报以下异常java.net.UnknownServiceException: CLEARTEXT communication to * not permitted by network因为 Android P 是默认禁止访问http的API的。解决办法：1，使用https2，暂时先绕过HTTP限制在res文件夹下创建xml...

2019-04-28 21:31:46 5361

原创 Android 9.0修改TabLayout下划线的宽度

通常情况下我们要修改TabLayout下划线（tabIndicator）的宽度的话，常用的有两种方案：1，反射重新计算宽度2，通过setCustomView的方式自定义item第一种在Android 9.0已经失效了，第二种如果使用场景较多，也麻烦当然也可以选择第三方库，但是一般不这么做在Android design v28 的版本中，官方对TabLayout做了优化，只需要一个属...

2019-04-26 15:41:02 1013

原创 Android shape左边框、上下边框、任意边框

效果图：上图可以看到，4个边框的显示是不一样的，同理也可以做到单个边框或者双边<?xml version="1.0" encoding="UTF-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">  <...

2019-04-25 17:31:27 9163 1

原创 okhttputils 操作cookie

本文只记录于鸿洋的okhttputils，其他框架只具有参考价值。cookie持久化 CookieJarImpl cookieJar = new CookieJarImpl(new PersistentCookieStore(YUtils.getApplication())); OkHttpClient okHttpClient = new OkHttpClien...

2019-04-11 12:04:43 1559 5

原创 Flutter 学习资料

Flutter官网Flutter中文网Flutter for Android 开发者Flutter github咸鱼技术掘金Flutter专栏升级 FlutterFlutter 入门三天学会Flutteralibaba/flutter-goFlutter Go 代码开发规范 0.1.0 版Flutter 环境配置...

2019-04-10 10:18:29 1183

原创 Flutter Unable to locate Android SDK.

[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.14393], locale zh-CN)[X] Android toolchain - develop for Android devices X Unable to locate Android SDK. Install Andr...

2019-04-10 10:10:38 23068 2

原创 Flutter 环境配置

前言：下载SDK开发包地址解压环境变量测试双击 .bat异常解决重启顺便装插件反正都要重启的装flutter之前会提示先装dart

2019-04-10 09:25:23 5132

原创 css background-image 背景图片自适应宽高

背景图片与标签宽高保持一致：div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%;}

2019-04-08 15:57:04 25113

原创 Android 腾讯地图定位

1，申请keyhttps://lbs.qq.com/console/key.html2，配置环境a，配置sdk下载jar包 TencentLocationSdk_v7.1.5 （点击链接可直接下载）解压得到以下路径：我们要用到的是libs目录下的so包和 sdk jar包很简单，sdk jar包拷到项目中的libs目录下，并选中 > 右键 > Add As Li...

2019-04-03 11:32:04 4124

原创 Android 腾讯地图选点定位，仿微信发送位置

效果图：不需要集成定位、地图，然后标记回调等繁琐的操作，你只需要一个webview，使用腾讯地图的地图选点组件即可。申请key接入指引使用地图选点组件调用方式一：通过iframe内嵌调用，地图选点组件的页面会根据开发者设置的iframe宽高自适应。调用方式二：通过页面跳转的方式调用该组件的时候，开发者需要设置backurl参数，用户点击选中的位置点后，页面跳转至开发者...

2019-03-29 15:10:27 7418 22

原创 android 微信支付简单实用

前言：先去微信开放平台注册账号，然后创建应用，签名工具下载（在页面最下面）创建成功得到appid。注意这里会需要一些信息，比如包名和apk签名，签名要写线上的，即release的签名，后面会继续讲。1，添加依赖、权限 dependencies { compile 'com.tencent.mm.opensdk:wechat-sdk-android-with-mta:...

2019-03-19 18:00:58 1044 12

原创 Android TextView跑马灯效果

必要的四个属性android:ellipsize=“marquee” 超出区域滚动显示android:focusable=“true” 允许获取焦点android:focusableInTouchMode=“true” 允许TouchMode模式获取焦点android:singleLine=“true” 单行显示 <TextView android:lay...

2019-03-12 11:04:41 1415

原创【整理篇】微信小程序开发注意事项

以前的笔记。1.wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面2.项目根目录下的app.json文件中的pages，第一个路径就是默认启动最先打开的页面3.编辑器左下角有当前页面路径，可复制/打开4.我们通常会在事件中获取数据，e.target.currentTarget.t...

2019-02-28 15:10:37 1245

原创 Android 8.0应用图标适配

先看一下对比：1没有适配，2适配了。明显2的显示效果要好一些，1的显示有留白。由于各大厂商对于应用的图标没有统一性，所以导致图标显示的多样化，google在Android 8.0中就对应用图标做了规范化处理。通俗的讲，规范化处理就是logo是一个层级，背景是一个层级，在手机上显示的时候，不管是正圆还是圆角，其实都相当于是对背景的剪裁，来保证应用图标显示的统一性。下面来进行实践操作。...

2019-02-27 14:00:57 705

原创 AS项目一直Indexing paused due to batch updated

经过先更新了AS（3.0>3.2），然后更新了项目，一顿同步编译之后就出现了Indexing paused due to batch updated，过了一会还是没好，然后关掉项目重新打开关掉AS重新打开清除缓存重新打开删除idea文件夹及iml文件重新打开以上都不行！！！我的解决办法，仅供参考，因为你不一定是跟我一样的原因导致的。删除本地项目重新checkout...

2019-01-26 01:03:08 1407

原创 android ScrollView 吸顶效果

效果图：有两个相同吸顶的ViewviewA在ScrollView中viewB与ScrollView同级根据ScrollView滑动距离判断同级的viewB 是否显示当滑动的距离大于viewA到顶部的距离，viewB就显示，反之隐藏xml代码<?xml version="1.0" encoding="utf-8"?><RelativeLayout xm...

2019-01-23 16:01:28 7423 1

原创 SwipeRefreshLayout 嵌套ScrollView 滑动冲突

冲突来源于 ScrollView 向下滑动的时候会触发 SwipeRefreshLayout 下拉刷新。解决思路：根据ScrollView 滑动距离动态处理SwipeRefreshLayout 刷新。 mScrollView.setScrollViewListener(new GradationScrollView.ScrollViewListener() { ...

2019-01-23 14:21:01 2803

原创 AppBarLayout 折叠之后有阴影？

重写style属性 <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="240dp" android:fitsSys...

2019-01-17 18:27:22 1329

原创 Android ScrollView嵌套RecyclerView滑动卡顿

因为种种原因导致嵌套使用，这里只记录解决办法。1，xml中RecyclerView添加android:nestedScrollingEnabled="false"属性 <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="ma...

2019-01-17 18:22:12 2062

so文件（全平台）so

代码版本控制工具

空空如也