简介

CheckboxListTile “下拉复选框”

• 带有复选框的 ListTile,带有标签的 ListTile；
• 整个列表图块是交互式的：点击图块中的任意位置可切换复选框；

基本用法

CheckboxListTile 的属性特征

• 与 Checkbox 类似的命名属性，比如：onChanged 和 activeColor；
• 和 ListTile 类似的命名属性，比如：title, subtitle, isThreeLine，dense；
• selected 属性和 ListTile.selected 属性类似，但使用的颜色是 activeColor 属性，默认为当前 Theme ...

阅读全文...

简介

TextField 最常用的文本输入widget

• 该 widget 作为文本输入框，可以接收用户以屏幕按键或者键盘输入的文本信息，该信息可以用于消息传递，搜索体验等
• 用户修改文本信息时，Onchange会被调用，获取到最新的文本信息
• 已知用户输入的字段文本输入完毕时（例如，通过按软键盘上的按钮确认输入完毕），该widget会调用onSubmitted回调

基本用法

参数控制默认的按钮和禁用按钮

• 默认情况下，TextField 下方有一个下划线进行修饰。
• 您可以使用decoration属性来控制该widget样式，例如通过添加标签或图标。如果将decoration属性设置为空，...

阅读全文...

简介

RawMaterial button “RawMaterial 按钮”

• 基于 Semantics，Material 和InkWell 小部件创建按钮;
• 此类不使用当前 Theme 或 ButtonTheme 来计算未指定参数的默认值。它旨在用于自定义 Material button，可选择包含主题或特定于应用程序源的默认值;

基本用法

参数的默认的 button 和禁用 button

进阶用法

更改项参数的自定义

实例演示

import 'dart:math';
import 'package:flutter/material.dart';

/...

阅读全文...

简介

checkbox “复选框”

• 复选框本身不保持任何状态;
• 当复选框的状态发生变化时，窗口小部件会调用onChanged回调;
• 大多数使用复选框的小部件将侦听onChanged回调，并使用新值重建复选框以更新复选框的可视外观;""";

基本用法

下面示例展示多个颜色(随机)样式的 checkbox

• 一个多选的 checkbox;

进阶用法

下面示例展示多个颜色(随机)样式的 checkbox

• 一个单选 checkbox 操作;

实例演示

import 'dart:math';
import 'package:flutter/material.dar...

阅读全文...

简介

Raised button “凸起按钮”

• Raised button 基于 a Material widget 窗口widget，按下 button 时，Material.elevation 会增加;
• 使用 Raised button 可将尺寸添加到大多数平面布局中;
• 例如在复杂的内容列表中，或在宽阔的空间中。避免在已经提出的内容（例如对话框或卡片）上使用 Raised button;

基本用法

参数的默认的 button 和禁用 button;

• 如果onPressed回调为null，则该按钮将被禁用，不会对触摸做出反应，并且将按 disabledColor 属性而不是co...

阅读全文...

简介

Icon button “图标按钮”

• IconButton widget上的图片，通过填充颜色（墨水）来对触摸作出反应;

基本用法

参数的默认的按钮和禁用按钮

• 图标按钮通常在AppBar.actions字段中使用，但它们也可以在许多其他地方使用;
• 如果您尝试更改按钮的颜色并且没有任何效果，请检查您是否正在传递非null onPressed处理程序;""";

进阶用法

更改项参数的自定义,比如:边框，点击效果，内容文字,颜色,圆角等;

• 如果可能，图标按钮的命中区域的大小至少为48.0像素，与实际的iconSize无关，以满足 Material Design规范中的触摸目标大...

阅读全文...

简介

Outline button “边框按钮”

• RaisedButton和FlatButton之间的交叉：一个有边框的按钮，当按下按钮时，其高度增加，背景变得不透明；
• 高程最初为0.0，其背景颜色 为透明。按下按钮时，其背景变为不透明，然后其高程增加到highlightElevation；

基本用法

参数的默认的 button 和禁用 button

• 如果onPressed回调为null，则该按钮将被禁用，不会对触摸做出反应，并且将按 disabledColor 属性而不是color属性指定的颜色进行着色；
• 如果您尝试更改按钮的颜色并且没有任何效果，请检查您是否正在传递非null ...

阅读全文...

简介

FlatButton 是显示在（零高程）material widget 上的文本标签

• 通过填充颜色对触摸作出反应在工具栏上；
• FlatButtons 故意不具有可见边框，因此必须依赖于它们相对于其他内容的位置以用于上下文；
• 在对话框和卡片中，它们应该组合在一个底角中。避免使用平面按钮，它们会与其他内容混合，例如在列表中间；""";

基本用法

参数的默认的 button 和禁用 button

• 如果 onPressed 回调为null，则该按钮将被禁用，不会对触摸做出反应，并且将按 disabledColor 属性而不是color属性指定的颜色进行着色；
• 如果您尝试更改按钮的颜色...

阅读全文...

简介

FloatingAction Button “浮动动作按钮”

• FloatingActionButton 按钮是一个圆形图标按钮，悬停在内容上以提升应用程序中的主要操作。浮动操作按钮最常用于Scaffold.floatingActionButton字段中;
• 每个屏幕最多使用一个浮动操作按钮。浮动操作按钮应用于积极操作，例如“创建”，“共享”或“导航”;
• 一般用来处理界面中最常用，最基础的用户动作。它一般出现在屏幕内容的前面，通常是一个圆形，中间有一个图标。 FAB有三种类型：regular, mini, extended。不要强行使用FAB，只有当使用场景符合FAB功能的时候使用才...

阅读全文...

简介

Dropdown button “用于从项目列表中进行选择的按钮”

• 参数类型 T 是下拉菜单表示的值的类型。给定菜单中的所有条目必须表示具有一致类型的值。通常，使用枚举。每个DropdownMenuItem在项目必须专门与同类型的说法；

基本用法

此示例显示一个包含四个项目的菜单

实例演示

import 'package:flutter/material.dart';

/*
* DropdownButton 默认按钮的实例
* isDisabled:是否是禁用，isDisabled 默认为true
* */
var selectItValue;
var sel...

阅读全文...