Виджет ExpansionTile
Виджет ExpansionTile раскрывает блок под заголовком.
Заголовок - title,
тело - children,
раскрыт ли - initiallyExpanded,
иконка - leading.
Синтаксис
ExpansionTile(
title: Text('abcde'),
children: [
ListTile(title: Text('12345')),
],
)
Параметры
| Параметр | Описание |
|---|---|
title |
Строка, по нажатию раскрывающая children. |
children |
Виджеты под заголовком. |
initiallyExpanded |
Открыт ли блок при старте. |
Пример
Давайте выведем один ExpansionTile:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: ListView(
children: [
ExpansionTile(
title: Text('abcde'),
children: [
ListTile(title: Text('12345')),
],
),
],
),
),
),
);
}
По нажатию на 'abcde' появится ListTile.
Пример
Давайте откроем блок сразу:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: ExpansionTile(
initiallyExpanded: true,
title: Text('12345'),
children: [Padding(padding: EdgeInsets.all(16), child: Text('abcde'))],
),
),
),
);
}
Текст 'abcde' виден без нажатия.
Смотрите также
-
виджет
ExpansionPanelList,
несколько панелей сradio -
виджет
ListTile,
строка в children -
виджет
ListView,
список сExpansionTile -
виджет
ExpansionPanel,
одна панель вExpansionPanelList