天天看点

Flutter控件

每个控件都是通过构造函数构造的,内置属性参数

文本(text)

text text.rich 混合展示样式与单一样式的关键区别在于分片

平台

flutter

android

ios

文本

text

textview

uilabel

分段文本

textspan

spannablestring

nsattributedstring

正常文本

image

本地资源图片,加载本地图片,加载网络图片

图片类型

加载方法

本地资源图片

<code>image.asset(‘images/logo.png’);</code>

本地(file 文件)图片

<code>image.file(new file(’/storage/xxx/xxx/test.jpg’));</code>

网络图片

<code>image.network('http://xxx/xxx/test.gif')</code>

图片加载过程展位和加载错误占位

图片展示流程

Flutter控件
缓存文件系统,加载过程占位和加载错误占位(自定义控件占位 图片缓存只缓存在内存中,若想支持缓存到文件系统,可以用cachednetworkimage控件

按钮

floatingactionbutton flatbutton raisedbutton

按钮名称

描述

floatingactionbutton

一个圆形的按钮,一般出现在屏幕内容的前面,用来处理界面中最常用、最基础的用户动作

Flutter控件

raisedbutton

凸起的按钮,默认带有灰色背景,被点击后灰色背景会加深

Flutter控件

flatbutton

扁平化的按钮,默认透明背景,被点击后会呈现灰色背景

Flutter控件

例子:

上一篇: n-1位数
下一篇: cigarettes