
flutter
flutter学习,笔记
沈岩1840
这个作者很懒,什么都没留下…
展开
-
Flutter学习之路 AspectRatio 组件
一、Flutter AspectRatio组件介绍AspectRatio 的作用是根据设置调整子元素child的宽高比,Flutter提供此组件,就免去了自定义所带来麻烦,AspectRatio适用于需要固定宽高比的情景,类似于BoFit中的Container,按照固定比率去尽量占满区域如果在满足所有限制条件过后无法找到一个可行的尺寸,AspectRatio最终将会去优先适应布局限制条件,而忽略所设置的比率二、AspectRatio构造属性constAspectRat...原创 2020-09-21 19:56:10 · 4484 阅读 · 0 评论 -
Flutter学习之路 Card 卡片组件
一、Flutter Card组件介绍: Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立体感;但通常与ListTile一起使用,Card有一个child,但它可以是支持多个child的列,行,列表,网格或其他小部件,Card将其大小为0像素,可以使用SizeBox来限制Card的大小;Card容器不能滚动二、Card构造属性constCard({Keykey,this.color,//背影色this...原创 2020-09-21 19:55:35 · 1129 阅读 · 0 评论 -
Flutter 学习之路 padding 组件
一、Flutter Padding 组件介绍Padding在Flutter中常用组件之一,用于处理容器与其子元素之间的间距,功能单一,Flutter中并没有单独的Margin控件,二、Padding 构造属性constPadding({Keykey,@requiredthis.padding,//间距Widgetchild,//子组件})三、代码演示import'package:flutter/material.dar...原创 2020-09-21 18:28:15 · 629 阅读 · 0 评论 -
Flutter 学习之路 Icon图标组件
一、Flutter 图标组件(Icon)介绍图标组件(Icon)为展示图标的组件,该组件不可交互,要实现可交互的图标,可以使用(IconButton)组件Flutter 提供很多(Icon)让大家使用可以参考网址: https://material.io/resources/icons/?icon=account_balance&style=baselinehttps://www.fluttericon.com/二、构造中属性说明const...原创 2020-09-21 18:27:21 · 972 阅读 · 0 评论 -
Flutter 学习之路 Image 图片组件
一、Flutter学习之路(Image)图片组件介绍 1)、图片组件(image)是显示图像的组件,Image组件有几种常用的构造函数Image.asset 本地图片Image.file 加载本地图片文件Image.network 加载网络图片Image.memory 加载Uint8List资源图片二、Image 构造方法中属性及描述constImage({Keykey,@requiredthis.im...原创 2020-09-21 18:26:09 · 220 阅读 · 0 评论 -
Flutter 学习之路 Text 文本组件
一、Flutter Text文本组件介绍:文本组件(Text)负责显示文本和定义显示样式,它包含控制文本显示样式属性二、构造方法中属性说明:constText(this.data,{//文字内容Keykey,this.style,//字体的样式设置this.strutStyle,this.textAlign,//文本对齐方式(center居中,left左对齐,right右对齐,justfy两端对齐)this....原创 2020-09-21 15:58:01 · 718 阅读 · 0 评论 -
Flutter Container容器组件介紹
一、Container组件容器布局介绍:1)、Container 在Flutter里大量使用,一个容器组件,必掌握组件之一,可以理解是html中的div;官方给出的简介,是一个结合了绘制(painting)、定位(positioning)以及尺寸(sizing)widget的widget。二、继承关系Object>Diagnosticable>DiagnosticableTree>Widget>StatelessWidget>Container从继承...原创 2020-09-21 14:12:24 · 236 阅读 · 0 评论