简介

SimpleDialog 是一个用于向用户传递确定信息并提供选项的弹出层

• SimpleDialog 可为用户提供多个选项选择。有一个可选的标题，显示在选项上方

基本用法

通常作为子窗口小部件传递给showDialog，后者显示对话框。

• 选择通常使用SimpleDialogOption表示
• 对于通知用户情况的对话框，请考虑使用 AlertDialog。

实例演示

import 'package:flutter/material.dart';


class SimpleDialogDemo extends StatefulWidget {
  _Demo cr...

阅读全文...

简介

AboutDialog 通常用于传递企业或者app的官方信息

• 这个对话框包含应用程序的图标，名称，版本号，版权和应用程序使用到的软件许可证的按钮

基本用法

要显示的AboutDialog，使用showAboutDialog。

• 如果应用程序具有Drawer，则AboutListTile可以使显示AboutDialog的过程更简单。
• AboutDialog通过showAboutDialog 显示按钮调用 showLicensePage。

实例演示

import 'package:flutter/material.dart';


class AboutDialo...

阅读全文...

简介

AlertDialog 向用户传递信息的弹出层。警报对话框

• 一般使用在通知用户需要确认的情况，具有可选标题和可选的操纵列表。标题显示在上方，操纵内容显示在内容区域，即下方

基本用法

通常作为子窗口小部件传递给showDialog，后者显示对话框。

• 当AlertDialog的的元素过多过长时, 请优先考虑SingleChildScrollView 用来避免内容溢出
• 需要注意的是，由于AlertDialog 通常使用child的大小来调整自身大小，所以使用一些widget（如ListView，GridView和CustomScrollView）将无法正常工作
• 当需要给用户提供多个...

阅读全文...

简介

输入型chip

• 以紧凑的形式表现复杂的信息，例如：实体（人，地点，或者事物）或者会话文本

基本用法

• inputChip可以通过设置进行选择onSelected，通过设置onDeleted可以删除，并且可以通过OnPressed表现按压效果
• inputChip 有一个前导图标和尾随图标，填充颜色可以订制
• inputChip 可以和其他UI元素搭配使用，比如：wrap,ListView(scrollDirection为Axis.horizo​​ntal)

实例演示

import 'package:flutter/material.dart';


class F...

阅读全文...

Flutter RawChip

简介

所有chip widget类型的基础，集合所有功能，我们通常不是直接使用它，而是根据自己需要选择chi， 比如：

• chip ,一个简单的芯片，只能显示信息，并被删除
• inputChip,以紧凑的形式表现复杂的信息，例如：实体（人，地点，或者事物）或者会话文本
• choiceChip,允许从一组选项中进行单一的选择
• FilterChip,使用标签或描述作为过滤内容的方式

基本用法

• inputChip可以通过设置进行选择onSelected，通过设置onDeleted可以删除，并且可以通过OnPressed表现按压效果
• inputChip 有一个前导...

阅读全文...

简介

允许从一组选项中进行单一的选择

• ChoiceChip包含相关的描述性文本或者类别

基本用法

• onSelected : 选择或者取消选择状态间切换调用

实例演示

import 'package:flutter/material.dart';

class ChoiceChipDemo extends StatefulWidget {
  _ChoiceChipDemoState createState() => _ChoiceChipDemoState();
}

class _ChoiceChipDemoState extends State<C...

阅读全文...

简介

通过使用标签或者描述性词语来过滤内容

• FilterChip 是 checkbox 或 switch widget 的替换品。

实例演示

import 'package:flutter/material.dart';

class FilterChipDemo extends StatefulWidget {
  _FilterChipDemoState createState() => _FilterChipDemoState();
}

class ActorFilerEntry{
  final String name;
  final String ...

阅读全文...

简介

保存chip主题的颜色，形状和文本样式

• 使用它配置chipTheme widget，或者为Theme widget小部件设置 ThemeData.chipTheme。

基本用法

• 创建ChipThemeData最简单的方法是使用copyWith您从得到一个ChipTheme.of，或创建一个全新的一个具有 ChipThemeData..fromDefaults

实例演示

import 'package:flutter/material.dart';

class ChipThemeDemo extends StatefulWidget {
  _ChipThe...

阅读全文...

简介

基于 RawChip-based widgets，如chip，inputChip,ChoiceChip,FilterChip等

• chipTheme描述了应用它的chip的颜色，形状和文本样式

基本用法

• 可通过chipTheme.of获取当前主题的ChipThemeData对象
• 当widget使用ChipTheme.of时，如果主题稍后更改，则会自动重建。

实例演示

import 'package:flutter/material.dart';

class ChipThemeDemo extends StatefulWidget {
  _ChipTheme...

阅读全文...

简介

chip是表示属性，文本，实体或动作的元素

• 需要在Material wedige 中。

基本用法

• 需要Material widget.
• 这个label和clipBehavior参数不能为空

实例演示

import 'package:flutter/material.dart';

class ChipDemo extends StatefulWidget {
  _ChipDemoState createState() => _ChipDemoState();
}

class _ChipDemoState extends State<ChipD...

阅读全文...