简介

扩展面板，包含一个标题和一个正文，可以展开或者折叠。面板展开，主体可见。

实例演示

import 'package:flutter/material.dart';


@visibleForTesting
enum Location {
  Barbados,
  Bahamas,
  Bermuda
}

typedef DemoItemBodyBuilder<T> = Widget Function(DemoItem<T> item);
typedef ValueToString<T> = String Function(T ...

阅读全文...

简介

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

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

基本用法

• inputChip可以通过设置进行选择onSelected，通过设置onDeleted可以删除，并且可以通过OnPressed表现按压效果
• inputChip 有一个前导图标和尾随图标，填充颜色可以订制...

阅读全文...

简介

BottomNavigationBar “底部导航栏”

• 显示在应用程序底部的导航栏,由文本标签，图标或两者形式的多个项目组成;
• 它提供了应用程序顶级视图之间的快速导航;

基本用法

BottomNavigationBar 底部导航栏通常与Scaffold结合使用

• 它作为 Scaffold.bottomNavigationBar 参数;
• BottomNavigationBar 3-5个之间个底部按钮数量是合理的，理论上 icon 大小合适，可以支持更多;
• 默认0-3个底部按钮数量时，BottomNavigationBar采用fixed的模式摆放底部按钮，当有4个时默认使用 Bot...

阅读全文...

简介

BottomNavigationBarItem “底部导航应用栏”

• material 的 BottomNavigationBar 或带有图标和标题的 iOS主题 CupertinoTabBar 中的交互式按钮;

基本用法

这个类很少单独使用。通常嵌入在上面的一个底部 bottom navigation widgets 中;

实例演示

import 'package:flutter/material.dart';

/*
* BottomNavigationBarItem 默认的实例,无状态
* */
class BottomNavigationBarItemLe...

阅读全文...

简介

这个state 是 PopupMenuItem 子类

• 默认情况下，它实现了Material Design弹出菜单项的基本样式和布局，然而这个buidlChild方法可以重写，以调整放置在菜单中的位置。默认它返回PopupMenuItem.child。

基本用法

• PopupMenuDivider 是一条水平分割线，注意数组要使用父类 PopupMenuEntry，配合其他 item 样式共同使用

阅读全文...

简介

Material 中窗口弹出的菜单

• 如果需要创建一个显示弹出菜单的按钮，请考虑使用 PopupMenuButton.

基本用法

• PopupMenuDivider 是一条水平分割线，注意数组要使用父类 PopupMenuEntry，配合其他 item 样式共同使用

实例演示

import 'package:flutter/material.dart';

class PopupMenuDividerDemo extends StatefulWidget {
  _PopupMenuDividerDemoState createState() => _Po...

阅读全文...

简介

Material 风格中 弹出菜单的一个基类

• 如果需要创建一个显示弹出菜单的按钮，请考虑使用 PopupMenuButton.

基本用法

• PopupMenuDivider 是一条水平分割线，注意数组要使用父类 PopupMenuEntry，配合其他 item 样式共同使用

实例演示

import 'package:flutter/material.dart';

class PopupMenuDividerDemo extends StatefulWidget {
  _PopupMenuDividerDemoState createState() =>...

阅读全文...

简介

一个提供菜单栏弹出对话框中每一项的水平线

• 配合 PopupMenuItem 和 PopupMenuButton 使用
• PopupMenuDivider 可以调整高度，但无法调整颜色

基本用法

此widget通过调整Divider widget 来适应于弹出菜单中

• 在 PopupMenuButton 中直接 PopupMenuDivider() 即可

实例演示

import 'package:flutter/material.dart';

class PopupMenuDividerDemo extends StatefulWidget {
  _Popu...

阅读全文...

简介

DropdownButton 创建的一个菜单项

• DropdownButton 是 Material 设计风格中的一个从列表中选择某一个item的按钮
• DropdownButton 按钮显示选定的Item的值以及打开用于选择其他item的菜单箭头
• DropdownMenuItem<T> 这里面的T代表入参的类型，注意在给定菜单中，所有的item的类型要保持一致

基本用法

配合 DropdownButton 使用

• value 选中返回的值
• child 子Widget项

实例演示

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

阅读全文...

简介

一个提供菜单栏弹出对话框的按钮

• 点击的时候弹出菜单栏对话框，当选择其中一项后会调用 onSelected方法。传递其所选的菜单项的值
• 可以提供一个child widget或者提供一个icon给它，但是并不能两者都提供
• 如果什么都没有提供给 PopupMenuButton ，则会根据运行平台创建一个overflow icon

基本用法

PopupMenuButton 通常配合 PopupMenuItem 一起使用

• enabled 标识当前item是否可点击
• PopupMenuItem 可以在child中传入带有Icon的widget
• 可以指定 PopupMenuButton 的...

阅读全文...