如何实现下拉面板？扑

Question

请告诉我如何实现下拉列表。不仅不是通常出现在块上方的列表，而且我需要 table 在单击按钮时移开，并且所有较低的元素也向下移动到所需的距离。我发现类似 ExpansionPanelList 的小部件，但我不知道实现这个是否现实，或者您可能熟悉可以实现此类操作的类似小部件。我将不胜感激。

我需要这个 table 弹出。

Table _blockDetails(blocksInfoData) {
    return Table(
      border: TableBorder.all(color: Colors.grey.shade400),
      children: [
        TableRow(decoration: BoxDecoration(color: Colors.grey[200]), children: [
          const Padding(
              padding: EdgeInsets.all(15),
              child: Text(
                'Size',
                style: TextStyle(fontWeight: FontWeight.bold),
              )),
          Padding(
              padding: const EdgeInsets.all(15),
              child: Text('${blocksInfoData.size}')),
        ]),
        TableRow(decoration: BoxDecoration(color: Colors.grey[200]), children: [
          const Padding(
              padding: EdgeInsets.all(15),
              child:
                  Text('Nonce', style: TextStyle(fontWeight: FontWeight.bold))),
          Padding(
              padding: const EdgeInsets.all(15),
              child: Text('${blocksInfoData.nonce}')),
        ]),
      ],
    );
  }

原来是这样

Answer 1

您可以使用可见性小部件将允许您显示或隐藏小部件，因此您可以使用可见性小部件包装按钮并生成布尔值并将其设置为真或假，具体取决于您的选择，并使用按钮的 onPressed 并将 bool 值设置为 true 或 false。在这种情况下，当您按下按钮时，这将允许您在需要时显示详细信息。如果答案有帮助，请告诉我。可见性小部件 >> https://api.flutter.dev/flutter/widgets/Visibility-class.html

如何实现下拉面板？扑

How to implement dropdown panel? Flutter

flutter

dart

flutter-layout

flutter-dependencies

flutter-animation