需要创建可扩展的弹出窗口,如下图所示

时间:2019-05-01 11:59:59

标签: dart flutter flutter-layout

在我的项目中,我需要按照下面的图像添加可扩展的弹出窗口。 body表示带有叠加弹出窗口,然后工作正常。

是否有其他可能的解决方案或小部件可用于解决此类问题?

class ExpandableButton extends StatefulWidget {
    @override
    _ExpandableButton createState() => new _ExpandableButton();
}

class _ExpandableButton extends State<ExpandableButton> {
    @override
    Widget build(BuildContext context) {
    return new Container(
        child: new ListView.builder(
        itemCount: vehicles.length,
        itemBuilder: (context, i) {
      return new ExpansionTile(
        title: new Text(vehicles[i].title, style: new TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold, fontStyle: FontStyle.italic),),
            children: <Widget>[
              new Column(
                children: _buildExpandableContent(vehicles[i]),
              ),
            ],
          );
        },
      ),
    );
}

_buildExpandableContent(Vehicle vehicle) {
    List<Widget> columnContent = [];

    for (String content in vehicle.contents)
      columnContent.add(
         new ListTile(
          title: new Text(content, style: new TextStyle(fontSize: 18.0),),
          leading: new Icon(vehicle.icon),
        ),
      );

    return columnContent;
  }
}

在这里,我附加了两个没有选择的视图,第二个是带有选择弹出窗口的视图。 请帮忙, 谢谢

enter image description here

enter image description here

0 个答案:

没有答案