Collapse 折叠面板

使用范例

import 'package:flutter_vant_kit/main.dart';

List<CollapseItem> list = [[
  CollapseItem(
    title: "标题1",
    children: <Widget>[
      Text("代码是写出来给人看的,附带能在机器上运行"),
    ],
  ),
  ...
]

Collapse(
  name: ['0']
  list: list,
  ...
)

更多例子请参考Demo

API

Collapse

参数说明类型默认值

name

当前展开面板的 name

List<String>

-

list

子面板

List<CollapseItem>

-

accordion

是否为手风琴

bool

false

border

是否显示外边框

bool

true

onChange

切换面板时触发

Function(List<String>)

-

CollapseItem

参数说明类型默认值

name

唯一标识符,默认为索引值

String

-

isExpanded

是否为展开

bool

false

icon

左侧图标

IconData

-

title

标题栏左侧内容

String

-

value

标题栏右侧内容

String

-

label

标题栏描述信息

String

-

rightIcon

自定义右侧图标

Icon

-

clickable

是否可点击

bool

true

customTitle

自定义标题内容

Widget

-

customLabel

自定义标题下方描述

Widget

-

content

面板纯文本内容

String

-

children

自定义面板内容

List<Widget>

-

onExpansionChanged

面板展开后回调

Function(bool isExpand)

-

Last updated