前端_Flutter

Flutter
Flutter是完全免费的开源的谷歌移动UI框架，可以快速在Android和IOS上构建高质量的原生用户界面，使用Dart语言开发，还可以与现有代码一起工作。
Windows开发环境搭建
在Win10企业版系统上，安装Git/PowerShell，安装TortoiseGit，安装Java SE, 安装Flutter SDK （下载，解压，配置环境变量），在Android Studio官网下载安装包且安装。
VS Code 配置
安装Flutter插件，安装Dart插件。

Dart

Dart是面对对象的语言.
TextAlign属性

是文本的对齐方式, textAlign:TextAlign.left (左对齐), textAlign:TextAlign.center(居中对齐), 
textAlign:TextAlign.right(右对齐), textAlign:TextAlign.start(开始位置对齐), textAlign:TextAlign.end(结尾处对齐).

maxLines属性

设置显示的行数.maxLines:1

overflow属性

clip:切断文字. ellipsis:在后面显示省略号. fade:溢出的部分做一个渐变消失的效果.

style属性

padding属性

padding:const EdgeInsets.fromLTRB(10,23,21,12), /*设置内边距*/

margin属性

margin: const EdgeInsets.all(10.0),  /*设置外边距*/

decoration属性

decoration是Container的修饰器,设置背景和边框.

border属性

border:Border.all(width:2.0,color:Colors.red)

图片组件

Image.asset:加载资源图片,使用相对路径.
Image.network: 网络资源图片,使用https://www.demo.com/demo.jpg
Image.file: 加载本地文件的路径.
Image.memory: 加载Unit8List资源图片.

fit属性

BoxFit.fill:全图显示，图片会被拉伸，并充满父容器。
BoxFit.contain:全图显示，显示原比例，可能会有空隙。
BoxFit.cover：显示可能拉伸，可能裁切，充满（图片要充满整个容器，还不变形）。
BoxFit.fitWidth：宽度充满（横向充满），显示可能拉伸，可能裁切。 
BoxFit.fitHeight ：高度充满（竖向充满）,显示可能拉伸，可能裁切。
BoxFit.scaleDown：效果和contain差不多，但是此属性不允许显示超过源图片大小，可小不可大。

repeat属性

ImageRepeat.repeat : 横向和纵向都进行重复，直到铺满整个画布。
ImageRepeat.repeatX: 横向重复，纵向不重复。
ImageRepeat.repeatY：纵向重复，横向不重复。