![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter笔记
文章平均质量分 83
Flutter笔记
SY.ZHOU
移动端开发
展开
-
08、Flutter开发创建项目及其案例(三)
一、自定义Widget此次例子中,项目就是一个大的widget标题的Widget:使用一个Text Widget完成;描述的Widget:使用一个Text Widget完成;图片的Widget:使用一个Image Widget完成;上面三个Widget要垂直排列,我们可以使用一个Column的Widget另外,三个展示的标题、描述、图片都是不一样的,所以我们可以让Parent Widget来决定内容:创建三个成员变量保存父Widget传入的数据class ProductItem exte原创 2021-05-24 19:19:10 · 264 阅读 · 0 评论 -
07、Flutter开发创建项目及其案例(二)
2.3、代码改进2.3.1、改进样式我们可能希望文字居中显示,并且可以大一些;居中显示: 需要使用另外一个Widget,Center;文字大一些: 需要给Text文本设置一些样式;我们修改代码如下:我们在Text小部件外层包装了一个Center部件,让Text作为其child;并且,我们给Text组件设置了一个属性:style,对应的值是TextStyle类型;import 'package:flutter/material.dart';main(List<String> a原创 2021-05-10 15:20:21 · 304 阅读 · 1 评论 -
06、Flutter开发创建项目及其案例(一)
一. 创建Flutter项目创建Flutter项目有两种方式:通过命令行创建 和 通过开发工具创建1.1. 通过命令行创建通过命令行创建非常简单,在终端输入以下命令即可:**注意:**Flutter的名称不要包含特殊的字符,另外不可以使用驼峰标识创建完之后使用自己喜欢的开发工具打开即可flutter create learn_flutter1.2. 通过开发工具创建我这里也可以直接通过Android Studio1.3. 默认程序分析我们讲创建的应用起来跑在模拟器上(我这里选择iPh原创 2021-05-09 18:59:36 · 423 阅读 · 1 评论 -
05、Flutter开发Dart的异步(二)
三. Dart的异步补充3.1. 任务执行顺序3.1.1. 认识微任务队列在前面学习学习中,我们知道Dart中有一个事件循环(Event Loop)来执行我们的代码,里面存在一个事件队列(Event Queue),事件循环不断从事件队列中取出事件执行。但是如果我们严格来划分的话,在Dart中还存在另一个队列:微任务队列(Microtask Queue)。微任务队列的优先级要高于事件队列;也就是说事件循环都是优先执行微任务队列中的任务,再执行 事件队列 中的任务;那么在Flutter开发中,哪原创 2021-05-04 19:04:03 · 170 阅读 · 0 评论 -
04、Flutter开发Dart的异步(一)
一. Dart的异步模型1.1. Dart是单线程的1.1.1. 程序中的耗时操作开发中的耗时操作:在开发中,我们经常会遇到一些耗时的操作需要完成,比如网络请求、文件读取等等;如果我们的主线程一直在等待这些耗时的操作完成,那么就会进行阻塞,无法响应其它事件。如何处理耗时的操作呢?针对如何处理耗时的操作,不同的语言有不同的处理方式。处理方式一:多线程,比如Java、OC、Swift、C++,我们普遍的做法是开启一个新的线程(Thread),在新的线程中完成这些异步的操作,再通过线程间通信的原创 2021-05-04 18:47:11 · 268 阅读 · 0 评论 -
03、Flutter开发Dart-函数
1. 函数1.1. 函数的基本定义Dart是一种真正的面向对象语言,所以即使函数也是对象,所有也有类型, 类型就是Function。这也就意味着函数可以作为变量定义或者作为其他函数的参数或者返回值.函数的定义方式:返回值 函数的名称(参数列表) { 函数体 return 返回值}按照上面的定义方式, 我们定义一个完整的函数:int sum(num num1, num num2) { return num1 + num2;}Effective Dart建议对公共的API,原创 2021-05-04 16:29:48 · 420 阅读 · 0 评论 -
02、Flutter开发Dart-数据类型
一、 数据类型1.1. 数字类型对于数值来说,我们也不用关心它是否有符号,以及数据的宽度和精度等问题。只要记着整数用int,浮点数用double就行了。不过,要说明一下的是Dart中的int和double可表示的范围并不是固定的,它取决于运行Dart的平台。// 1.整数类型intint age = 18;int hexAge = 0x12;print(age);print(hexAge);// 2.浮点类型doubledouble height = 1.88;print(heig原创 2021-05-04 16:27:50 · 252 阅读 · 0 评论 -
01、Flutter开发Dart安装与定义变量
一、安装Dart为什么还需要安装Dart呢?在安装Flutter SDK的时候,它已经内置了Dart了,我们完全可以直接使用Flutter去进行Dart的编写并且运行。但是,如果你想单独学习Dart,并且运行自己的Dart代码,最好去安装一个Dart SDK。1.2、下载Dart SDK到Dart的官方,根据不同的操作系统下载对应的Dart官方网站无论是什么操作系统,安装方式都是有两种:通过工具安装和直接下载SDK,配置环境变量1.通过工具安装Windows可以通过Chocolateym原创 2021-05-04 16:10:25 · 354 阅读 · 0 评论