Question

我的问题是我不知道如何将路由参数传递给FutureBuilder内部的函数。

请在下面查看我的代码。

class StudyDetailsArguments {
  final String listid;

  StudyDetailsArguments(this.listid);
}

// A widget that extracts the necessary arguments from the ModalRoute.
class ExtractStudyDetails extends StatelessWidget {
  static const routeName = '/studydetails';
  
  @override
  Widget build(BuildContext context) => FutureBuilder(

  // Here I want to pass in the args.listid but I cant figure out how to get it in there
    future: getDetails("cc0e5c1f-02b0-4f4f-9f51-fa70ac7e9c08"),
    builder: (context, snapshot) {
     // here is fine to use the argument
      final StudyDetailsArguments  args = ModalRoute.of(context).settings.arguments;
      if (snapshot.hasData) {
        // Build the widget with data.
        //return Text('hasData: ${snapshot.data}');
        return Scaffold(
            appBar: AppBar(
            title: Text(snapshot.data),
      ),
            body:
            Center(
            child:
            Text('${snapshot.data}'))
              );
            } else {
              // We can show the loading view until the data comes back.
            return Scaffold(
            appBar: AppBar(
              title: Text("Loading..."),
            ),
            body:
            Center(
                child:
                Text('Loading...'))
        );
      }
    },
  );
}

Future<String> getDetails(listid) async {
  var details = "";
  await Firestore.instance
      .collection('list')
      .document(listid)
      .get()
      .then((DocumentSnapshot ds) {
        print(ds.data["title"]);
        // use ds as a snapshot
        details = ds.data["title"];
    return ds.data;
  });
  return details;
}

我想使用args.listid这一行而不是cc0e5c1f-02b0-4f4f-9f51-fa70ac7e9c08，但我似乎无法弄清楚传递参数的方式。我如何在小部件中以这种方式将参数值（现在不使用）发送到小部件：

 onTap: () => {
                    Navigator.pushNamed(context, ExtractStudyDetails.routeName,
                        arguments: StudyDetailsArguments(
                          study.listid,
                        ))
                  },

Answer 1

@override
Widget build(BuildContext context) {
  
  final StudyDetailsArguments args = ModalRoute.of(context).settings.arguments;

  return FutureBuilder(
    future: getDetails(args.listid),
    [...]
  )
}

详细了解docs

如何在FutureBuilder中将参数传递给Future属性函数

1 个答案: