将数据从父级传递给子级StatefulWidget Flutter

Question

你好，我是 flutter 的新手 ..请帮我将数据从父母传递给孩子 statefullwidget ..然后..发送到 API ..

这是我的代码

class Home extends StatefulWidget {
  final String user; // I will passing this into getCategory()
  final String email;

  Home(this.user, this.email);

  @override
  HomeState createState() => HomeState();
}

class HomeState extends State<Home> {
  CategoryList listCategory = CategoryList();

  void getCategory() async {
    var json = await ApiCategoryList().getCategoryList(widget.user); //not working ..
    setState(() {
      listCategory = CategoryList.fromJson(json);
    });
  }

  @override
  void initState() {
    super.initState();
    this.getCategory();
  }

@override
  Widget build(BuildContext context) {
   return ListTile(data from API here)
}

谢谢你帮助我..问候

Answer 1

您的问题与将数据传递给子小部件无关。 除了您可能无法从 initState 调用值。 问题是您可能在加载之前访问它。

为了解决这个问题，有一个名为 FutureBuilder 的小部件。 以下是如何使用它：

而不是return ListTile(data from API here)使用

return FutureBuilder(
      future: getCategory(),
      builder: (BuildContext context, AsyncSnapshot snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          return //Here the listTile
        }
          return //Here what should be displayed while loading
                 //I would recommend CircularProgressIndicator();
        }
)

Futurebuilder 执行 function 并等待它完成，然后构建所需的小部件。 为此，必须编辑 getCategory function。 由于现在从 FutureBuider 调用 function，因此您可能不再从 initState 执行它。

  CategoryList listCategory = CategoryList(); //Delete

  Future<CategoryList> getCategory() async {
    CategoryList listCategory = CategoryList();
    // Get data from api:
    // ....

    //pass data to listCatergory:
    listCategory = CategoryList.fromJson(json);
    
    // return
    return listCategory 
   
  }

当您在 FutureBuilder 中访问数据时，您必须使用：

snapshot.theDataYouWant

例如

Text(
 snapshot.theDataYouWant
),