Future<Widget> 无法分配给列表类型 'widget'

Question

我正在制作一个对话框屏幕，其中包含一些保管箱和列表视图，如下所示。

showDialog(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            content: StatefulBuilder(
              builder: (BuildContext DialogContext, StateSetter setState) {
                return Column(
                  children: [
                    Dropdown(DialogContext, setState, 0, ReceiveArgs, _lListOfDepthList), 
                    Dropdown(DialogContext, setState, 1, ReceiveArgs, _lListOfDepthList),                        
                    FutureListView(ReceiveArgs),                                            
                  ],
                );
              },
            ),
          );
        });

并且由于我调用了 Furture 函数 SetName，所以我也将 'FutureListView' 更改为 Future 函数。 FutureListView 代码如下。

       
  Future<Widget> FutureListView(ArgumentClass ReceiveArgs) async{
    String SelectedFullAddress = GetSelectedAddress(5, "");

    _Name = await SetName(ReceiveArgs.lFullList, SelectedFullAddress);

    if (_Name.isNotEmpty) {
      print("ListView!");
      return ListView.builder(
        itemCount: _Name.length,
        itemBuilder: (context, index) {
          return CheckboxListTile(
            title: Text(_Name[index]),
            value: null,
            onChanged: null,
          );
        },
      );
    } else {
      print("List Null");
      return Text("");
    }
  }

但是改完后，编译报错如下

error: The element type 'Future' can't be assigned to the list type 'Widget'. (list_element_type_not_assignable at [checker_v2])

你能帮我解决这个问题吗？

同时我使用了 StatefulBuilder，因为其他 Dropdownbutton 小部件相互交互。

谢谢！

Answer 1

您需要使用 Future 到 FutureBuilder:

包装小部件

FutureBuilder<TypeOfName>(
  future: getName(),
  builder (context, snapshot) {
    // Data is not loading, you should show progress indicator to user
    if (!snapshot.hasData) {
      return CircularProgressIndicator();
    }
    // Data from Future is loaded
    final name = snapshot.data;
    if (name.isEmpty) {
      return Text('');
    } else {
      return ListView.builder(
        itemCount: name.length,
        itemBuilder: (context, index) {
          return CheckboxListTile(
            title: Text(name[index]),
            value: null,
            onChanged: null,
          );
        },
      );
    }
  }
);

和getName()方法：

Future<TypeOfName> getName() {
  String SelectedFullAddress = GetSelectedAddress(5, "");
  return SetName(ReceiveArgs.lFullList, SelectedFullAddress);
}

并将 TypeOfName 替换为 _Name 变量的类型（您无法声明它）。

Answer 2

使用 FutureBuilder.

你的 FutureListView 应该是这样的（你现在可以更改方法的名称）

 Future<String> FutureListView(ArgumentClass ReceiveArgs) async{
        String SelectedFullAddress = GetSelectedAddress(5, "");
  
        return await SetName(ReceiveArgs.lFullList, SelectedFullAddress);
      }

而且，这应该是您的 showDialog

showDialog(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            content: StatefulBuilder(
              builder: (BuildContext DialogContext, StateSetter setState) {
                return Column(
                  children: [
                    Dropdown(DialogContext, setState, 0, ReceiveArgs, _lListOfDepthList),
                    Dropdown(DialogContext, setState, 1, ReceiveArgs, _lListOfDepthList),
                    FutureBuilder<String>(
                    future: FutureListView(ReceiveArgs),
                    builder: (context, snapshot) => {
                      if(!snapshot.hasData) return Container(); // This container can be a loading screen, since its waiting for data.

                      if(snapshot.data.isNotEmpty){
                        print("ListView!");
                        return ListView.builder(
                          itemCount: _Name.length,
                          itemBuilder: (context, index) {
                            return CheckboxListTile(
                              title: Text(_Name[index]),
                              value: null,
                              onChanged: null,
                              );
                            },
                          );,
                        } else {
                          print("List Null");
                          return Text("");
                      },
                    )
                  ],
                );
              },
            ),
          );
        });

FutureBuilder 的 future 不会等到异步方法完成，而是尝试构建构建器方法直到完成。您可以使用 snapshot.hasData 来检查异步方法是否已经返回了一些东西，如果没有，您可以根据需要显示一个加载屏幕。然后，使用 snapshot.data 访问您未来的结果。

Answer 3

使用类型 Widget 而不是 Future，因为您不能在小部件设计中直接调用 future。

您可以像这样简单地修改您的代码。

  Widget FutureListView(ArgumentClass receiveArgs) {
    String SelectedFullAddress = GetSelectedAddress(5, "");
    _Name = await SetName(receiveArgs.lFullList, SelectedFullAddress);
    if (_Name.isNotEmpty) {
    bool _isChecked = false;

    print("ListView!");
      return ListView.builder(
        itemCount: 3,
        shrinkWrap: true,
        itemBuilder: (context, index) {
          return  CheckboxListTile(
            value: _isChecked,
            title: Text(_Name[index]),
            onChanged: (bool value) {
              setState(() {
                _isChecked = value;
              });
            },
          );
        },
      );
    } else {
      print("List Null");
      return Text("");
    }
  }

Future<Widget> 无法分配给列表类型 'widget'

Future<Widget> can't be assigned to the list type 'widget'

android

flutter

dart

widget

flutter-futurebuilder