Flutter DropdownSearch 叠加层在 ReorderableListView

问题描述

我正在开发 Flutter 网络应用程序。我正在尝试将 DropdownSearch 小部件放入 ReorderableListView。 但是当我点击 DropdownSearch 小部件来显示菜单时，它的位置不正确。它应该在下方，但出现在左上角。

这是重现行为的最小代码：

main.dart：

import 'package:dropdown_search/dropdown_search.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyWidget());
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: SizedBox(
            height: 400,width: 400,child: ReorderableListView.builder(  // <- Replace with `ListView.builder` and it works fine
              itemBuilder: (_,index) {
                return DropdownSearch<String>(
                  mode: Mode.MENU,key: Key('$index'),enabled: true,showSearchBox: true,selectedItem: 'Option 1',items: [
                    'Option 1','Option 2',],);
              },itemCount: 20,onReorder: (a,b) {},buildDefaultDragHandles: false,),);
  }
}

这是我单击一个字段时得到的结果（以蓝色突出显示）

预期行为是此图像（使用 ListView.builder 而不是 ReorderableListView.builder 获得）：

我遗漏了什么，如何修复？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）