简介

一个线性进度条

• 有两种线性进度条：确定和不确定。
• 确定：确定进度条在每个时间点都有一个特定的值，并且该值应该是0.0递增到1.0。
• 不确定：不确定的进度条在每一个时间点都没有特定到值。只是表明此时取得的进度，没有表明多少未完成。

基本用法

• 创建确定进度条，需要使用介于0.0和1.0的非空值
• 要创建不确定的进度条，需要使用空值

阅读全文...

简介

Scaffold 实现了基本的Material Design布局结构

在Material设计中定义的单个界面上的各种布局元素，在 Scaffold 中都有支持，比如 左边栏（Drawers）、snack bars、以及 bottom sheets。

基本用法

Scaffold 有下面几个主要属性：

• appBar：显示在界面顶部的一个 AppBar

• body：当前界面所显示的主要内容 Widget

• floatingActionButton：Material设计中所定义的 FAB，界面的主要功能按钮

• persistentFooterButtons：固定在下方显示的按钮，比如对话...

阅读全文...

简介

一个线性进度条

• 有两种线性进度条：确定和不确定。
• 确定：确定进度条在每个时间点都有一个特定的值，并且该值应该是0.0递增到1.0。
• 不确定：不确定的进度条在每一个时间点都没有特定到值。只是表明此时取得的进度，没有表明多少未完成。

基本用法

• 创建确定进度条，需要使用介于0.0和1.0的非空值
• 要创建不确定的进度条，需要使用空值

实例演示

import 'package:flutter/material.dart';

class LinearProgressIndicatorDemo extends StatelessWidget {
  @override
...

阅读全文...

简介

循环进度条，旋转表示进度

• 有两种线性进度条：确定和不确定。
• 确定：确定进度条在每个时间点都有一个特定的值，并且该值应该是0.0递增到1.0。
• 不确定：不确定的进度条在每一个时间点都没有特定到值。只是表明此时取得的进度，没有表明多少未完成。

基本用法

• 创建确定进度条，需要使用介于0.0和1.0的非空值
• 要创建不确定的进度条，需要使用空值

实例演示

import 'package:flutter/material.dart';

class CircularDemo extends StatefulWidget {
  @override
  _Circular...

阅读全文...

简介

日期选择器的对话框

• 返回为Futer，为用户关闭对话框时用户选择的日期。如果用户取消该对话框，则返回为null

基本用法

• selectableDayPredicate可以传入自定义选择的天数。
• 可选initialDatePickerMode参数可用于最初在年或月+日选择器模式中显示日期选择器。默认为月+日，且不能为空。
• 可选locale参数可用于设置日期选择器的区域设置

实例演示

import 'dart:async';

import 'package:flutter/material.dart';

class ShowDatePicke...

阅读全文...

简介

运行选择一年的可滚动年份列表

• 年份选择器widget很少使用，相反，请考虑使用showDatePicker,它会创建一个日期选择器对话框

基本用法

• 使用firstData,设置用户选择的最早日期
• 使用lastData,设置用户可选择的最晚日期
• 使用selectedDate，设置当前选择的日期

实例演示

import 'dart:async';

import 'package:flutter/material.dart';

class YearPickerDemo extends StatefulWidget {
  @override
 ...

阅读全文...

简介

显示给定月份的日期，并可以选择一天

• 该选择器widget很少使用，相反，请考虑使用showDatePicker,它会创建一个日期选择器对话框

基本用法

• currentDate,设置显示器当前显示时间
• displayedMonth ,设置选择器显示天数的月份
• firstDate,设置选择的最早日期
• lastDate,设置可选择的最晚日期
• selectedDate，设置当前选择的日期

实例演示

import 'dart:async';

import 'package:flutter/material.dart';

class DayPicke...

阅读全文...

简介

运行选择一个月的可滚动月份列表

• 年份选择器widget很少使用，相反，请考虑使用showDatePicker,它会创建一个日期选择器对话框

基本用法

• firstData,设置用户选择的最早日期
• lastData,设置用户可选择的最晚日期
• selectedDate，设置当前选择的日期
• onchanged，当用户选择一个月的时候调用

实例演示

import 'dart:async';

import 'package:flutter/material.dart';

class MothPickerDemo extends StatefulWid...

阅读全文...

简介

显示中国的省市县地区

通过函数 showCityPicker 调用, 在容器窗口上弹出遮罩层

基本用法

• locationCode 初始化地区选择
• height 弹出层高度
• context 上下文对象

实例演示

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

class CityPickerDemo extends StatefulWidget {
  _Demo createState() => _Demo()...

阅读全文...

简介

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

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

基本用法

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

阅读全文...