189 8069 5689
js先学在学Flutter
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了鲅鱼圈免费建站欢迎大家使用！
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建你的UI。组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter会对比之前的描述，以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。
在编写几个 Flutter 项目后，发现 Flutter 的强大之处在于业务中所有用到的控件以及场景都有对应的处理方案；而 Dart 语言也与 Java 、 Kotlin 类似，所以对 Android 开发者来说门槛非常低；特意记录一下常用的控件及其使用：
StatelessWidget 不需要额外的创建 State
StatefulWidget 创建 State 类，并可以在其中保存一些状态
only 可以单独设置每个方向的内边距
类似于 LinearLayout 中的 orientation 设置为 vertical ， mainAxisAlignment 表示竖向的一个对齐方式， crossAxisAlignment 表示横向的对齐方式
与 Column 相反，主轴是横向，对齐方式类似， crossAxisAlignment 表示竖向的对齐方式
类似 SizedBox ，一个容器，但是主要功能是有一个 decoration —— 装饰器，作用是绘制背景，或者使用 item 中的阴影
栈，先入后出，类似于 Android 上的 FrameLayout
通常配合 Stack 使用，固定显示在某一个位置
配合多 child 使用，会填充剩余的空间
Image 功能强大，使用不同的方法可以加载不同来源的图片
看到这些方法，突然觉得 Flutter 太香了，而且 Image 可以配置 clip 等裁剪出不同形状的图片，无论是圆形还是五角星都不在话下，然而 Android 要实现不规则的形状，可是要下不少功夫的。
名字和 Android 的一模一样，但是用法却比 Android 的简单很多：
主要就是 itemCount 与 itemBuilder ,其余就是配置样式， itemBuilder 需要返回一个 widget ，当然了，每个 ListView 都有其对应的 item ，在里面的方法中编写 widget 即可
与 ListView 类似，但是需要有一个 delegate 类，作用是设置有多少列，每一列之间的间距是多少
GridView 没有 build ， children 表示所有的子 view
最常用的控件之一，有非常多的样式， Flutter 中通常是使用装饰器来处理控件的，如背景使用 BoxDecoration , TextFiled 使用 InputDecoration ; 使用如下
hello world例子
在终端打印字符串‘Hello World!’
计算斐波那契数列
一个简单的类
计算两点距离
异步并发示例
使用了Isolate
1.面向对象
对于面向对象这个概念，相信了解Java的同学对这个概念一定不会陌生。
例如：我们有个Person Object他有很多特征和行为。
这些都是这个Person Object的属性。
也就是因为有了这些特征，行为等等才决定了这个人是谁。
那么回到Dart当中，所有的都是对象，那么在就可以可以跟进对象的属性的特征，方法等等来进行编程。
之所以我们在这里又特别强调了一下面向对象的概念，是因为这个概念在Dart语言当中，至关重要！
2.最重要的几个概念
3.Dart的部分特性
4.Dart的内置库
包名
描述
dart:asynv
异步编程，提供Future，Stream类
dart：collection
集合
dart：convert
不同类型的字符编码解码
dart：core
Dart语言核心功能，内置类型
dart:html
网页开发用到的库
dart:io
文件读写，IO相关
dart:math
数字常量以及函数，随机算法等
dart:svg
事件和动画矢量图支持
综上述所说要想学Flutter，先学Dart！关于Flutter下篇我会讲到。为什么离不开dart！
有关更多面经、核心技术笔记；自己也是从事Android开发5年有余了；整理了一些Android开发技术核心笔记和面经题纲， 如有需要的同学请私信我回复“核心笔记”或“面试”领取！
在根目录创建images文件夹。
在 pubspec.yaml 文件中，放开 assets:注释
在 pubspec.yaml 文件中，dependencies: 依赖下面添加
则在Widget中
具体Icon展示样式，我现在是根据展示的英文来显示，具体是否满足还得显示出来查看，有点不确定性。
也可以根据自己切图展示图片比较方便。
在图片加载过程中，给用户展示一张默认的图片，能提高用户体验。
使用FadeInImage组件来达到这个功能。FadeInImage能处理内存中，App资源或者网络上的图片。
在 flutter pub 中搜索"transparent_image", 并根据例子安装相应版本的框架
在 flutter pub 中搜索"cached_network_image", 并根据例子安装相应版本的框架, 此框架类似于sdwebImage. 具体使用可以参考其 文档
flutter更容易学，
Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。