随笔分类 -  Flutter

1 2 3 下一页

【Flutter学习】基本组件之弹窗和提示(SnackBar、BottomSheet、Dialog)
摘要:一,概述 Flutter中的操作提示主要有这么几种 SnackBar、BottomSheet、Dialog,因为 Dialog样式比较多,放最后讲好了 二,介绍 SnackBar SnackBar的源码相对简单 构造函数 const SnackBar({ Key key, @required thi 阅读全文

posted @ 2019-08-18 03:17 梁飞宇 阅读(7362) 评论(0) 推荐(2) 编辑

【Flutter学习】基本组件之Webview组件
摘要:1.添加依赖 2.导入库 3.属性 4.使用方法 FlutterWebviewPlugin 插件提供一个链接到唯一webview的单一实例,这样你就可以在app中的任何地方控制webview 五,webView其它用法 隐藏webview: final flutterWebviewPlugin = 阅读全文

posted @ 2019-08-18 01:53 梁飞宇 阅读(2173) 评论(0) 推荐(0) 编辑

【Flutter学习】之button按钮
摘要:一,概述 由于Flutter是跨平台的,所以有适用于Android和iOS的两种风格的组件。一套是Google极力推崇的Material,一套是iOS的Cupertino风格的组件。无论哪种风格,都是通用的。 二,Material与Cupertino风格比较 控件 Material Cupertin 阅读全文

posted @ 2019-08-18 01:07 梁飞宇 阅读(2673) 评论(0) 推荐(0) 编辑

【Flutter学习】之DateTime日期转换
摘要:概述: 表示一个时间点 通过构造函数或解析格式化的字符串创建DateTime对象,并且符合ISO 8601标准的子集,小时是24小时制,范围在0-23之间 DateTime对象创建之后,将是固定不变的, 不可被修改 DateTime对象默认使用的是本地时区,除非显示地指定UTC时区 一,方法详解 命 阅读全文

posted @ 2019-07-30 00:29 梁飞宇 阅读(19344) 评论(0) 推荐(1) 编辑

【Flutter学习】之绘画实例(二)
摘要:一,画路径 - drawPath(Path path, Paint paint) Path 主要有方法如下: 直接描述路径的方法还可以细分为两组:添加子图形和画线(直线或曲线) addXXX() - 添加子图形(由于此类方法参数与上面介绍的画简单图形一样,就不多赘述了) addXXX() - 添加子 阅读全文

posted @ 2019-07-29 02:05 梁飞宇 阅读(1918) 评论(0) 推荐(0) 编辑

【Flutter学习】之绘画实例(一)
摘要:一,概述 画布(Canvas) 画布是一个矩形区域,我们可以控制其每一像素来绘制我们想要的内容 Canvas 拥有多种绘制点、线、路径、矩形、圆形、以及添加图像等的方法,结合这些方法我们可以绘制出千变万化的画面。 Canvas中有多个与绘制相关的方法,如drawLine()、drawRect()、d 阅读全文

posted @ 2019-07-29 00:40 梁飞宇 阅读(4581) 评论(0) 推荐(1) 编辑

【Flutter学习】之动画实现原理浅析(三)
摘要:一,概述 Flutter动画库的核心类是Animation对象,它生成指导动画的值,Animation对象指导动画的当前状态(例如,是开始、停止还是向前或者向后移动),但它不知道屏幕上显示的内容。动画类型分为两类: 补简动画(Tween),定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然 阅读全文

posted @ 2019-07-21 14:47 梁飞宇 阅读(2484) 评论(0) 推荐(0) 编辑

【Flutter学习】之动画实现原理浅析(二)
摘要:1. 介绍 本文会从代码层面去介绍Flutter动画,因此不会涉及到Flutter动画的具体使用。 1.1 Animation库 Flutter的animation库只依赖两个库,Dart库以及physics库。animation是采用Dart编写的,所以依赖Dart库是很正常的。 physics库 阅读全文

posted @ 2019-07-21 13:17 梁飞宇 阅读(529) 评论(0) 推荐(0) 编辑

【Flutter学习】之动画实现原理浅析(一)
摘要:一,动画介绍 动画对于App来说,非常的重要。很多App,正是因为有了动画,所以才会觉得炫酷。移动端的动画库有非常的多,例如iOS上的Pop、web端的animate.css、Android端的AndroidViewAnimations、跨平台的Lottie等。正是因为有了这些封装好的动画库,我们制 阅读全文

posted @ 2019-07-21 12:49 梁飞宇 阅读(1430) 评论(0) 推荐(1) 编辑

【Flutter学习】之Widget数据共享之InheritedWidget
摘要:一,概述 业务开发中经常会碰到这样的情况,多个Widget需要同步同一份全局数据,比如点赞数、评论数、夜间模式等等。在安卓中,一般的实现方式是观察者模式,需要开发者自行实现并维护观察者的列表。在flutter中,原生提供了用于Widget间共享数据的InheritedWidget,当Inherite 阅读全文

posted @ 2019-07-15 17:28 梁飞宇 阅读(2477) 评论(0) 推荐(0) 编辑

【Flutter学习】基本组件之基本滑动PageView组件
摘要:一,概述 PageView 是一个滑动视图列表,它也是继承至 CustomScrollView 的。 二,构造函数 类命构造函数(PageView) PageView 使用场景:创建一个可滚动列表 构造函数 PageView({ Key key, this.scrollDirection = Axi 阅读全文

posted @ 2019-07-13 17:01 梁飞宇 阅读(5779) 评论(0) 推荐(0) 编辑

【Flutter学习】之 Flutter 的生命周期
摘要:一,概述 Flutter 的生命周期分为两个部分: Widget 的生命周期 App 的生命周期 二,Widget 的生命周期 Flutter 里的 Widget 分为 StatelessWidget 和 StatefulWidget 两种,这两种 Widget 的生命周期是不一样的,我们接下来具体 阅读全文

posted @ 2019-07-12 15:28 梁飞宇 阅读(5745) 评论(0) 推荐(1) 编辑

【Flutter学习】组件通信(父子、兄弟)
摘要:一,概述 flutter一个重要的特性就是组件化。组件分为两种状态,一种是StatefulWidget有状态组件,一种是StatelessWidget无状态组件。 无状态组件不能更新状态,有状态组件具有类似刷新的机制,可更改状态。 功能模块都可以通过继承两种状态组件实现功能模块封装。组件间通信,一般 阅读全文

posted @ 2019-07-11 19:48 梁飞宇 阅读(12048) 评论(2) 推荐(0) 编辑

【Flutter学习】之深入浅出 Key
摘要:一,前言 在开发 Flutter 的过程中你可能会发现,一些小部件的构造函数中都有一个可选的参数——Key。在这篇文章中我们会深入浅出的介绍什么是 Key,以及应该使用 key 的具体场景。 二,什么是Key 在 Flutter 中我们经常与状态打交道。我们知道 Widget 可以有 Statefu 阅读全文

posted @ 2019-07-11 17:52 梁飞宇 阅读(2863) 评论(1) 推荐(0) 编辑

【Flutter学习】基本组件之进度条(LinearProgressIndicator, CircularProgressIndicator)
摘要:一,概述 基本有两种类型: 条形进度条(LinearProgressIndicator) new LinearProgressIndicator( backgroundColor: Colors.blue, // value: 0.2, valueColor: new AlwaysStoppedAn 阅读全文

posted @ 2019-07-09 11:03 梁飞宇 阅读(10699) 评论(0) 推荐(0) 编辑

【Flutter学习】基本组件之上下刷新列表(一)
摘要:一,概述 RefreshIndicator是Flutter基于Material设计语言内置的控件,集合了下拉手势、加载指示器和刷新操作一体,可玩性比FutureBuilder差了一大截,不过大家也用过Material设计语言的其他控件,视觉效果也不赖的。 要实现拉刷新列表的功能仅仅依靠Refresh 阅读全文

posted @ 2019-07-09 01:45 梁飞宇 阅读(2538) 评论(0) 推荐(0) 编辑

【Flutter学习】事件处理与通知之通知(Notification)
摘要:一,概述 Notification是Flutter中一个重要的机制,在Widget树中,每一个节点都可以分发通知,通知会沿着当前节点(context)向上传递,所有父节点都可以通过NotificationListener来监听通知,Flutter中称这种通知由子向父的传递为“通知冒泡”(Notifi 阅读全文

posted @ 2019-07-02 15:05 梁飞宇 阅读(9165) 评论(0) 推荐(0) 编辑

【Flutter学习】可滚动组件之滚动监听及控制
摘要:一,概述 ScrollController可以用来控制可滚动widget的滚动位置 二,ScrollController 构造函数 ScrollController({ double initialScrollOffset = 0.0, //初始滚动位置 this.keepScrollOffset 阅读全文

posted @ 2019-07-02 14:18 梁飞宇 阅读(1507) 评论(0) 推荐(0) 编辑

【Flutter学习】可滚动组件之SingleChildScrollView
摘要:一,概述 SingleChildScrollView类似于Android中的ScrollView,它只能接收一个子Widget。定义如下: 二,构造函数 const SingleChildScrollView({ Key key, this.scrollDirection = Axis.vertic 阅读全文

posted @ 2019-07-02 13:47 梁飞宇 阅读(1860) 评论(0) 推荐(0) 编辑

【Flutter学习】可滚动组件之ScrollView
摘要:一,概述 ScrollView 是一个带有滚动的视图组件。 二,组成部分 ScrollView 由三部分组成: Scrollable - 它监听各种用户手势并实现滚动的交互设计。可滚动Widget都直接或间接包含一个Scrollable widget,因此它们包括一些共同的属性,我们在此统一介绍一下 阅读全文

posted @ 2019-07-01 19:40 梁飞宇 阅读(18594) 评论(0) 推荐(0) 编辑

1 2 3 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示