flutter控件之ExpansionPanelList
import 'package:flutter/material.dart';
class LearnExpansionPanelList extends StatefulWidget{
@override
State<StatefulWidget> createState() {
return new _LearnExpansionPanelList();
}
}
class _LearnExpansionPanelList extends State<LearnExpansionPanelList>{
var currentPanelIndex=-1;//设置-1默认全部闭合
List<int> mList;
_LearnExpansionPanelList(){
mList=new List();
for(int i=0;i<5;i++){
mList.add(i);
}
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new SingleChildScrollView(
child:new Column(
children: <Widget>[
new Text('这是一个自带的,样子挺丑的吧'),
new ExpansionPanelList(
expansionCallback: (panelIndex,isExpanded){
setState(() {
currentPanelIndex=(currentPanelIndex!=panelIndex?panelIndex:-1);
});
},
children: mList.map((i){
return new ExpansionPanel(
headerBuilder: (context,isExpanded){
return new ListTile(
title: new Text('这是标题$i'),
);
},
body:new Padding(
padding: EdgeInsets.all(30.0),
child:new ListBody(
children: <Widget>[
new Text('这是标题$i的内容'),
],
),
),
isExpanded: currentPanelIndex==i,
);
}).toList(),
),
new Text('拉一个好看点的吧,类似qq分组之类的'),
// new ListView.builder(
// itemBuilder: (BuildContext context, int index){
// return new ListTile(
// leading: new Icon(Icons.add),
// title: new Text('111'),
// );
// },
// itemCount: 1,
// ),
],
),
),
);
}
}
flutter控件之ExpansionPanelList的更多相关文章
- flutter控件之ListView滚动布局
		
ListView即滚动列表控件,能将子控件组成可滚动的列表.当你需要排列的子控件超出容器大小,就需要用到滚动块. import 'package:flutter/material.dart'; cla ...
 - Flutter 控件之 AppBar 和 SliverAppBar
		
AppBar 和 SliverAppBar 是纸墨设计中的 App Bar,也就是 Android 中的 Toolbar,关于 Toolbar 的设计指南请参考纸墨设计中 Toolbar 的内容. A ...
 - Flutter 控件之 Routes 和 Navigator.    [PopupRoute]
		
一个 App 通常会有多个界面,每个界面实现不同的功能,并在多个界面之间跳转.在 Flutter 中多个界面的跳转是通过 Navigator 来实现的. 在 Flutter 中定义了一个 Overla ...
 - flutter控件之CheckBox
		
import 'package:flutter/material.dart'; class LearnCheckBox extends StatefulWidget{ @override State& ...
 - flutter控件之RadioButton
		
import 'package:flutter/material.dart'; class LearnRadioButton extends StatefulWidget{ @override Sta ...
 - Flutter 的基本控件
		
文本控件 Text 支持两种类型的文本展示,一个是默认的展示单一样式文本 Text,另一个是支持多种混合样式的富文本 Text.rich. 单一样式文本 Text 单一样式文本 Text 的初始化,是 ...
 - Flutter 布局控件完结篇
		
本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件. 1. 系列文章 Flutter 布局详解 Flutter 布局(一)- Conta ...
 - Flutter学习指南:UI布局和控件
		
Flutter学习指南:UI布局和控件 - IT程序猿 https://www.itcodemonkey.com/article/11041.html
 - flutter Draggable Widget拖拽控件
		
Draggable Widget Draggable控件负责就是拖拽,父层使用了Draggable,它的子元素就是可以拖动的,子元素可以实容器,可以是图片.用起来非常的灵活. 参数说明: data: ...
 
随机推荐
- N76E003的环境搭建
			
一.准备工作: 1.下载编译工具keil c51 2.下载N76E003提供的板级支持包(BSP),可到nuvoton上下载 二.开发环境搭建 1.安装keil c51,然后和谐...不能随便发链 ...
 - Docker中使用redis
			
项目中频繁使用Redis,为了不用每次打开Redis目录去启动Redis想到了Docker可以作为Redis的容器 直接下载使用就行 把Docker使用Redis的过程分享下: 1. 拉取 ...
 - fastadmin 使用记录
			
1.引用静态css文件 参考路径:D:\wwwroot\public\assets\addons\cms\css 静态资源文件基本都放在public目录下引用 引用实例 D:\wwwroot\addo ...
 - Serv-u FTP迁移(windows_to_windwos)
			
需求分析 公司服务器要做维护,部分服务器需要进行迁移处理,其中就包括Ser-v FTP服务器. 确认环境信息 角色 ip 系统版本 sql版本 Serv-U版本 ODBC account/passwo ...
 - gym 101657 D
			
理论1A. //没删debug的文件读入.. 傻逼题. 先求出来每条边两侧的三角形,然后枚举边,根据叉积判断三角形位置,建图,拓扑排序. #include <bits/stdc++.h> ...
 - perl 递归删除目录和目录中的文件
			
#!/usr/bin/perl use autodie; use utf8; use Encode qw(decode encode); sub del_dir{ my $path = shift @ ...
 - js 画布与图片的相互转化(canvas与img)
			
使用js将图片拷贝进画布 //将图片对象转化为画布,返回画布function ImageToCanvas(image) { var canvas = document.createElement(&q ...
 - centos 安装 python36
			
centos6 安装 python36 临时方法: https://www.softwarecollections.org/en/scls/rhscl/rh-python36/ 方法二: http:/ ...
 - VS2013 Ctrl+Shift+F 没反应
			
快捷键设定与搜狗输入法中文繁体切换冲突,搜狗输入法管理设置中关掉就好.
 - python特殊函数__str__、__repr__和__len__
			
1.__str__ 首先介绍__str__ class Students(object): def __init__(self, *args): self.names = args # def __s ...