Flutter

发布时间:2019-07-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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:纵向重复,横向不重复。






脚本宝典总结

以上是脚本宝典为你收集整理的Flutter全部内容,希望文章能够帮你解决Flutter所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。