自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

龙衣

享受当下生活。

原创 Flutter 使用 Provider 进行状态管理(主题模式切换示例)
原力计划

文章目录官方推荐的 ProviderGitHub 高星阿里产物 fish-redux 官方推荐的 Provider GitHub 高星阿里产物 fish-redux alibaba/fish-redux

2020-05-28 21:42:02 19 0

原创 Flutter Android 端集成 Bugly 的异常上报和升级功能
原力计划

前提 Flutter 版本:1.17.0地址,别用最新版本或者比较老的版本。我之前使用1.13.0版本也会出现问题。 Dart版本:2.8.1使用Flutter中提供的版本 flutter_bugly package 地址 ok ,在大版本相同的情况下。我能搞定的问题,你也没问题。 不多...

2020-05-27 20:14:20 41 0

原创 Flutter 方法通道 MethodChannel 使用示例
原力计划

文章目录 上篇文章 Flutter 路由管理 Route、Navigator 使用示例 我们了解了页面跳转的功能。但仅限于 Flutter 页面。那么Flutter 页面和原生页面之间如何跳转呢? ...

2020-05-19 21:58:17 40 0

原创 Flutter 异步编程 Future、FutureBuilder,await 与 async
原力计划

文章目录Future 是什么异步函数延迟await 与 async Future 是什么 异步函数 延迟 在 Flutter 使用 dio 库实现网络请求及 Json 数据解析示例 中我们对 dio 进行了二次封装,在showLoading的时候想显示弹窗,但是这时候showDialog中的co...

2020-05-10 20:41:17 87 0

原创 Flutter dio 库封装并实现网络请求及 Json 数据解析示例
原力计划

文章目录Dio基本使用封装使用 Dio 基本使用 封装使用

2020-04-19 23:24:03 241 0

原创 Flutter 本地数据存储(文件、SharedPreferences 、数据库 sqlite)使用示例
原力计划

文章目录文件SP数据库 文件 SP 数据库

2020-04-15 23:50:46 151 0

原创 Flutter 动画 Hero、更多动画示例
原力计划

文章目录Hero 动画效果示例更多动画效果展示 Hero 动画 在 Android中有共享元素动画,能够实现页面之间共享元素的切换效果。Flutter 中也提供 相应的 Hero widget 实现该效果。 既然 Hero是个widget,按照惯例,我们来看看构造函数支持哪些字段: const...

2020-04-12 11:55:40 49 0

原创 Flutter 动画 Animation、AnimationController、AnimatedWidget、AnimatedBuilder示例
原力计划

文章目录动画 动画

2020-04-09 23:53:34 51 0

原创 Flutter 主题修改及语言国际化示例
原力计划

文章目录颜色主题国际化 颜色 主题 国际化

2020-04-08 23:51:50 228 0

原创 Flutter 触摸事件监听 Listener 、手势识别示例
原力计划

指针事件 Listener 手势识别 GestureDetector GestureRecognizer 滑动冲突 为了让父容器也能接收到手势,我们需要同时使用 RawGestureDetector 和 GestureFactory,来改变竞技场决定由谁来响应用户事件的结果。 手势冲突只是手势级别...

2020-04-04 01:14:44 263 0

原创 Flutter widget 间传递数据的方案 InheritedWidget、Notification、EventBus
原力计划

文章目录InheritedWidgetProviderNotificationEventBus InheritedWidget Provider Notification EventBus

2020-04-02 20:42:45 78 0

原创 Flutter Dialog 及 Toast,Snackbar 示例
原力计划

文章目录对话框默认框选择框列表框第三方库Toast第三方库Snackbar基本使用第三方库 对话框 默认框 选择框 列表框 第三方库 Toast 第三方库 Snackbar 基本使用 第三方库 ...

2020-03-29 20:53:11 71 0

原创 Flutter 路由管理 Route、Navigator 使用示例
原力计划

文章目录路由管理页面跳转示例页面不传参跳转页面传参跳转Navigator 的其他跳转方式无 context 页面跳转命名路由页面跳转传参页面返回传参命名路由封装404 页面处理返回按钮拦截 路由管理 在 Flutter 中,页面之间的跳转是通过 Route 和 Navigator 来管理。 Ro...

2020-03-26 22:31:12 81 0

原创 Flutter 裁剪布局之 ClipRect、ClipRRect、ClipOval、ClipPath、CustomClipper
原力计划

文章目录裁剪布局ClipRectClipRRectClipOvalClipPath 及 CustomClipper 裁剪布局 Flutter中提供了一些剪裁widget。 widget 作用 ClipRect 将 child 剪裁为给定的矩形大小 ClipRRect 将 c...

2020-03-25 23:20:42 351 0

原创 Flutter 多子 Widget 布之Stack、Positioned
原力计划

文章目录层叠 Widget 布局StackalignmentfitoverflowPositioned 上文 Flutter 多子 Widget 布局之Flex、Expanded、Wrap、Flow,介绍了弹性布局 Flex、Expanded和流式布局Wrap、Flow 再上文 Flutter ...

2020-03-24 17:16:38 49 0

原创 Flutter 多子 Widget 布局之Flex、Expanded、Wrap、Flow

文章目录弹性布局 Flex、ExpandedFlexExpanded流式布局 Wrap、FlowWrapFlow 上文 Flutter 多子 Widget 布局 图文示例(一),介绍了Row、Column这两个组件,查看源码发现他俩都是继承了Flex widget,这篇来学习学习弹性布局Flex,...

2020-03-22 15:52:21 70 0

原创 Flutter 多子 Widget 布局之线性布局 Row、Column

文章目录多子 Widget 布局线性布局 Row、ColumnRowMainAxisAlignmentCrossAxisAlignmentTextDirectionMainAxisSizeVerticalDirectionColumnMainAxisAlignmentCrossAxisAlignm...

2020-03-22 11:10:58 40 0

原创 Flutter 单子 Widget 布局之 Container、Padding 、 Center 、Align

文章目录单子 Widget 布局ContainerPaddingAlignCenter 单子 Widget 布局 这一类 widget,包括 Container、Padding 、 Center 、Align、Margin Container Container是一个结合了绘制(painti...

2020-03-21 21:01:49 37 0

原创 Flutter 嵌套滚动 CustomScrollView 示例

文章目录CustomScrollView添加头部视差滑动监听滑动ScrollControllerNotificationListener回到顶部功能 CustomScrollView 来源: CustomScrollView 是可以使用Sliver来自定义滚动模型(效果)的组件。举个例子,假设有...

2020-03-19 18:07:03 349 0

原创 Flutter 网格列表 GridView 及 瀑布流 示例

文章目录使用GridView.countGridView.extentGridView.builder第三方库推荐瀑布流效果 参考:GridView 使用 GridView.count GridView.count( //横轴三个子widget crossAxisCount: 3, /...

2020-03-19 00:47:02 228 0

原创 Flutter 滚动列表 ListView 图文示例

文章目录ListView、ListView.builderListView 使用ListView.builder 使用ListTileListView.separated 分割线第三方库推荐上下拉加载数据 ListView、ListView.builder 这是ListView的两个构造函数,Li...

2020-03-18 22:58:00 82 0

原创 Flutter 输入框 TextField、表单 Form 图文示例

文章目录输入框 TextField默认效果监听内容变化,获取输入框的内容和键盘的交互美化 TextField 样式表单 Form 验证输入框内容校验输入框内容重置输入内容保存登录页面例子 输入框 TextField TextField用于文本输入,它提供了很多属性: const TextFie...

2020-03-18 15:03:48 160 0

原创 Flutter 开关 Switch、复选框 Checkbox、进度条 Indicator 使用例子

文章目录开关 Switch复选框 Checkbox伪代码实现 开关 Switch 通过 Switch组件可以实现如下图中开关的打卡和关闭。当Switch被点击时,会触发onChanged回调。 复选框 Checkbox 当Checkbox被点击时,会触发的onChanged回调 伪代码实现...

2020-03-15 23:43:08 114 0

原创 Flutter 按钮 Button 参数图文理解

文章目录ButtonFloatingActionButtonRaisedButtonFlatButtonOutlineButtonIconButton带图标的按钮InkWell按钮的样式定制 参考 3.4 按钮 Button Flutter 提供了三个基本的按钮控件,即 FloatingActi...

2020-03-14 23:52:28 119 0

原创 Flutter 图片 Image 图标 Icon 参数图文理解

文章目录Image加载项目的资源图片加载系统的图片加载网络图片FadeInImage 使用Image 填充模式第三方库推荐IconIcon 的优势Icon 使用例子第三方库推荐 Image Image组件用于显示图片,而图片的来源大概可分为以下: 项目的资源图片 系统的图片 加载网络图片 加载...

2020-03-14 18:05:42 62 0

原创 Flutter 文本 Text 参数图文理解

文本 在Flutter中使用Text表示文本,可以查看源码中Text都有哪些属性: const Text( this.data, {// data 表示要显示的文本,不能为空 Key key, this.style,// 文本样式,如果为空则使用 DefaultTextSt...

2020-03-13 23:34:19 66 0

原创 Flutter 从浅入深理解生命周期

为什么需要了解生命周期? 在Android开发的时候,App、Activity、Fragment是有生命周期的,熟悉了生命周期之后我们就可以在适当的时机做适当操作。比如在Android中在执行到OnDestory生命周期是需要资源释放。 在Flutter中也是有生命周期的,主要有两个: Widg...

2020-03-11 00:07:26 46 0

原创 Dart学习笔记-整合基础知识实现的 Demo

参考:(1) 为 Java 开发人员准备的 Dart 教程 准备工作 我们使用 dartpad 在线运行 dart 代码,当然如果你有WebStorm也可以添加dart插件运行dart代码。 实现的功能是:购物车小票效果,效果图如下: 分析要实现以上的购物车小票示例需要准备什么? 格式化输出结...

2020-02-08 23:39:26 33 0

原创 Dart 学习笔记-异步支持

参考:https://www.dartcn.com/guides/language/language-tour#%E5%BC%82%E6%AD%A5%E6%94%AF%E6%8C%81 Dart 库中包含许多返回 Future 或 Stream 对象的函数. 这些函数在设置完耗时任务(例如 I/...

2020-02-04 23:10:55 43 0

原创 Dart 学习笔记-泛型、库的使用

参考:https://www.dartcn.com/guides/language/language-tour#%E6%B3%9B%E5%9E%8B 泛型 在 API文档中你会发现基础数组类型 List 的实际类型是 List<E> 。<…> 符号将List标记为 泛型 (...

2020-02-04 15:56:20 39 0

原创 Dart 学习笔记-类、枚举、方法

参考:https://www.dartcn.com/guides/language/language-tour#%E7%B1%BB 类 Dart 是一种基于类和 mixin 继承机制的面向对象的语言。 每个对象都是一个类的实例,所有的类都继承于 Object 。 基于 Mixin 继承 意味着每个...

2020-02-04 13:44:34 176 0

原创 Dart 学习笔记-控制流程语句及异常

参考: https://www.dartcn.com/guides/language/language-tour#callable-classes 控制流程语句 Dart 语言中的控制流程语句主要有以下几个: if-else for while break-continue switch ass...

2020-02-02 23:48:04 43 0

原创 Dart 学习笔记-函数及运算符

函数 Dart 是一门真正面向对象的语言, 甚至其中的函数也是对象 。 这也意味着函数可以被赋值给变量或者作为参数传递给其他函数。 也可以把 Dart 类的实例当做方法来调用。 以下是函数实现的示例: bool isNoble(int atomicNumber) { return _noble...

2020-01-31 15:58:47 62 0

原创 Dart 学习笔记-变量及内建类型

变量 // name 变量的类型被推断为 String var name = 'Bob'; // name 变量的类型被声明为 动态类型 dynamic name = 'Bob'; // 显式声明变量的类型 String name = 'Bob&#...

2020-01-30 09:15:45 47 0

原创 Dart 学习笔记-简介

参考:(1) Dart 编程语言中文网 | Dart 为什么使用 Dart ? 大厂维护 Google及全球的其他开发者,使用 Dart 开发了一系列高质量、 关键的 iOS、Android 和 web 应用。 Dart 非常适合移动和 web 应用的开发。 免费开源 Dart 是免费的并...

2020-01-29 08:29:21 55 0

原创 全栈项目《小书架》微信小程序前后端开发案例总结(水文)

将近一个月没有更文,主要是快过年,人也变懒了。 这篇文章就是吹吹水,找找手感,没啥技术含量赶时间的可以不用往下看了。 上个月写了全栈项目《小书架》微信小程序前后端开发的一个例子。 后端使用 Node JS + Koa2 开发,微信小程序页面使用 原生开发 + lin-ui 在项目中大部分的功能实...

2020-01-15 23:19:53 380 0

原创 全栈项目|小书架|微信小程序-登录回调及获取点赞列表功能

效果图 这一节介绍,登录回调 以及 喜欢列表 的实现。 登录回调:这里是指在获取登录完成之后,再进行下一步的操作。 比如效果图中我的页面,默认是未登录状态,积分和喜欢列表的数量都没有获取到。 而登录成功之后不仅将用户信息刷新,同时将积分和喜欢列表的数量刷新。 登录回调 我这里实现的回调层级...

2019-12-10 23:36:41 83 0

原创 全栈项目|小书架|微信小程序-实现搜索功能

效果图 上图是小程序端实现的搜索功能效果图。从图中可以看出 热搜 搜索分页

2019-12-09 23:02:10 178 0

原创 全栈项目|小书架|服务器端-NodeJS+Koa2 实现搜索功能

搜索功能会包含:热搜、搜索列表。 热搜功能在电商的搜索中经常看到,热搜数据的来源有两种 用户真实的搜索数据,根据算法进行排序 人为推送的数据 想想微博热搜是可以买的就知道热搜功能多么重要了。 我采用第二种方式简单实现。 第一种方式由于我目前还未实现,没办法介绍。 大伙儿可以参考下面几篇文章介...

2019-12-08 21:34:52 76 0

原创 全栈项目|小书架|微信小程序-点赞功能实现

微信小程序端的点赞功能其实没什么好介绍的,无非就是调用接口改变点赞状态和点赞数量。需要注意的是取消点赞时的处理,我这里为了减少服务器接口的调用,直接本地存一个变量,修改这里的变量值即可。 由于源码都相对简单,这里就直接贴源码了。 wxml布局源码如下: <view class="...

2019-12-08 15:19:46 144 0

提示
确定要删除当前文章?
取消 删除