Flutter基础控件参数说明

一.Text:文本

1.Text():一个单一样式的文本
2.Text.rich():使用InlineSpan创建的文本

Text(
String data; //文本内容(Text())
TextSpan textSpan; //文本内容(Text.rich())
TextStyle style; //文本样式
StrutStyle strutStyle; //段落样式
TextAlign textAlign; //本文对其方式
TextDirection textDirection; //文本方向
Locale locale; //选择区域特定字形的语言环境
bool softWrap; //是否自动换行
TextOverflow overflow; //如何处理文本溢出
double textScaleFactor; //每个逻辑像素的字体像素数
int maxLines; //文本的最大行数,如果文本超过给定的行数,则会根据overflow字段截断
String semanticsLabel; //文本的替代语义标签
)

二.Image:图片

1.Image():用于从ImageProvider获取图像
2.Image.asset():加载图片资源
3.Image.file():加载本地图片文件
4.Image.network ():加载网络图片
5.Image.memory():加载Uint8List资源图片

Image(
ImageProvider<dynamic> image; //要显示的图像(Image())
String name, //图片路径(Image.asset())
AssetBundle bundle, //图片资源(Image.asset())
File file; //文件路径(Image.file())
String src; //图片地址url(Image.network())
Uint8List bytes Uint8List; //获取的ImageStream,如sdk中从网络转Uint8List(Image.memory())
String semanticLabel; //图像的语义描述
bool excludeFromSemantics; //是否从语义中排除此图像,默认false
double scale; //比例
double width; //宽度
double height; //高度
Color color; //颜色,如果不为null,则通过colorBlendMode属性将此颜色与图像混合
BlendMode colorBlendMode; //混合模式
BoxFit fit; //图像的显示模式
AlignmentGeometry alignment; //对齐方式,默认Alignment.center
ImageRepeat repeat; //重复方式,默认ImageRepeat.noRepeat
Rect centerSlice; //九宫格拉伸
bool matchTextDirection; //是否以文本方向绘制图片,默认false
bool gaplessPlayback; //当图像更改时,是继续显示旧图像(true)还是简单地显示任何内容(false),默认false
FilterQuality filterQuality; //筛选质量,默认FilterQuality.low
String package, //包名(Image.asset())
Map<String, String> headers; //参数可用于通过图像请求发送自定义HTTP标头(Image.network())
)

三.TextField:输入框

TextField(
TextEditingController controller; //文本编辑控制器
FocusNode focusNode; //定义此窗口小部件的键盘焦点
InputDecoration decoration; //在文本字段周围显示的装饰
TextInputType keyboardType; //用于编辑文本的键盘类型
TextInputAction textInputAction; //用于键盘的操作按钮类型
TextCapitalization textCapitalization; //配置平台键盘如何选择大写或小写键盘,默认TextCapitalization.none
TextStyle style; //文本样式
StrutStyle strutStyle; //用于垂直布局的支柱样式
TextAlign textAlign; //对齐方式,默认TextAlign.start
TextDirection textDirection, //文本的方向性
bool autofocus; //是否自动获取焦点,默认false
bool obscureText; //是否隐藏文本(密码),默认false
bool autocorrect; //是否启用自动更正,默认true
int maxLines; //最大行,默认1
int minLines; //最小行
bool expands; //是否将此窗口小部件的高度调整为填充其父级,默认false
int maxLength; //最大长度
bool maxLengthEnforced; //如果为true,则阻止该字段允许超过maxLength个 字符,默认true
ValueChanged<String> onChanged; //当用户启动对TextField值的更改时调用:当他们插入或删除文本时
VoidCallback onEditingComplete; //当用户提交可编辑内容时调用(例如,用户按下键盘上的“完成”按钮)
ValueChanged<String> onSubmitted; //当用户指示他们已完成编辑字段中的文本时调用
List<TextInputFormatter> inputFormatters; //可选的输入验证和格式覆盖
bool enabled; //是否可用
double cursorWidth; //光标的宽度,默认2.0
Radius cursorRadius; //光标的圆角度
Color cursorColor; //光标颜色
Brightness keyboardAppearance; //键盘的外观
EdgeInsets scrollPadding; //此值控制在滚动后TextField将位于Scrollable边缘的距离,默认EdgeInsets.all(20.0)
DragStartBehavior dragStartBehavior; //确定处理拖动开始行为的方式,默认DragStartBehavior.start
bool enableInteractiveSelection; //如果为true,则长按此TextField将显示剪切/复制/粘贴菜单,并且点击将移动文本插入符号
GestureTapCallback onTap; //当用户点击此文本字段时调用
InputCounterWidgetBuilder buildCounter; //生成自定义InputDecorator.counter小部件的回调
ScrollPhysics scrollPhysics; //确定Scrollable小部件的物理特性
)

四.Icon:图标

Icon(
IconData icon;//系统库中的图标文件
double size;//图标的尺寸
Color color;//绘制图标时使用的颜色
String semanticLabel;//图标的语义标签
TextDirection textDirection;//用于渲染图标的文本方向
)

五.IconButton:带图标的按钮

IconButton(
double iconSize: 24.0;//图标尺寸
EdgeInsetsGeometry padding: const EdgeInsets.all(8.0);//内边距
AlignmentGeometry alignment: Alignment.center;//对齐方式
Widget icon;//图标控件
Color color;//颜色
Color highlightColor;//按钮按下时的颜色
Color splashColor;//点击后扩散动画的颜色
Color disabledColor;//按钮不可用时的颜色
VoidCallback onPressed;//点击或以其他方式激活按钮时调用的回调
String tooltip;//描述按下按钮时将发生的操作的文本
)

六.RaisedButton:凸起按钮

1.RaisedButton():带文本的凸起按钮
2.RaisedButton.icon():带文本和图标的凸起按钮

RaisedButton(
requiredVoidCallback onPressed; //点击或以其他方式激活按钮时调用的回调
ValueChanged<bool> onHighlightChanged; //由底层InkWell小部件的InkWell.onHighlightChanged 回调调用
ButtonTextTheme textTheme; //文本主题
Color textColor; //文本颜色
Color disabledTextColor; //按钮不可用时的文本颜色
Color color; //按钮颜色
Color disabledColor; //按钮不可用时的颜色
Color highlightColor; //按钮按下时的颜色
Color splashColor; //点击后扩散动画的颜色
Brightness colorBrightness; //用于此按钮的主题亮度
double elevation; //凸出的高度
double highlightElevation; //按下按钮时凸出的高度
double disabledElevation; //按钮不可用时凸出的高度
EdgeInsetsGeometry padding; //内边距
ShapeBorder shape; //按钮材质的形状
Clip clipBehavior: Clip.none; //剪裁
MaterialTapTargetSize materialTapTargetSize; //配置点击目标的最小尺寸
Duration animationDuration; //动画的持续时间
Widget child; //子控件(RaisedButton())
Widget icon; //图标(RaisedButton.icon())
Widget label;//文本(RaisedButton.icon())
)

七.ListView:列表

1.ListView()
2.ListView.builder()
3.ListView.custom()
4.ListView.separated()

ListView(
IndexedWidgetBuilder itemBuilder; //子条目布局(ListView.builder(),ListView.separated())
IndexedWidgetBuilder separatorBuilder; //(ListView.separated())
SliverChildDelegate childrenDelegate; //为ListView提供子代的委托(ListView.custom())
int itemCount; //item数量(ListView.bu ilder(),ListView.separated())
List<Widget> children: const <Widget>[], //子条目布局(ListView())
int semanticChildCount,//子条目数量
Axis scrollDirection: Axis.vertical;//滚动方向
bool reverse: falsel;//是否反转滚动方向
ScrollController controller;//滚动控制器
bool primary;//如果为true,即使滚动视图没有足够的内容来实际滚动,滚动视图也是可滚动的。否则,默认情况下,只有具有足够内容的用户才能滚动视图,取决于physics属性
ScrollPhysics physics;//滚动视图应如何响应用户输入
bool shrinkWrap: false;//是否应该由正在查看的内容确定scrollDirection中滚动视图的范围
EdgeInsetsGeometry padding;//内边距
double itemExtent;//滚动方向上的范围
bool addAutomaticKeepAlives: true;//是否将每个子项包装在AutomaticKeepAlive中
bool addRepaintBoundaries: true;//是否将每个子项包装在RepaintBoundary中
bool addSemanticIndexes: true;//是否将每个子项包装在IndexedSemantics中
double cacheExtent;//滚动缓存区像素
DragStartBehavior dragStartBehavior: DragStartBehavior.start;//确定处理拖动开始行为的方式
)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350