【发布时间】:2021-08-09 14:32:44
【问题描述】:
您好,我是 Flutter 的新手,我想知道有什么方法可以创建如上图所示的下拉菜单。它应该是可点击的,里面有一个文本,当用户点击它时,它会显示更多关于标题的文本。我能得到的最接近的东西是inkwell,但我不知道如何在它上面添加下拉效果。如果您能帮助我,我将不胜感激
【问题讨论】:
您好,我是 Flutter 的新手,我想知道有什么方法可以创建如上图所示的下拉菜单。它应该是可点击的,里面有一个文本,当用户点击它时,它会显示更多关于标题的文本。我能得到的最接近的东西是inkwell,但我不知道如何在它上面添加下拉效果。如果您能帮助我,我将不胜感激
【问题讨论】:
如果您正在寻找类似于图像的东西,那么 ExpansionTile 是正确的小部件,您只需将 Text 作为子项放在 ExpansionTile 内,这样除非用户单击它,否则它将被隐藏,就像这样:
Card(
child: ExpansionTile(
title: Text('Click on me',
style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w500),
),
children: <Widget>[
Text('Your text here',
style: TextStyle(fontWeight: FontWeight.w700),
)
],
),
);
【讨论】: