Flutter 布局样式根据 api 响应变化

Question

我想根据 api 响应更改布局。例如，如果 api 响应 return gridview 我想在 gridview 中显示我的数据，如果它 return 水平列表视图那么我想以列表视图格式显示我的数据。

所以我的问题是哪种实施方式最好？我试过 listview builder 但它不起作用。

我会在 api 回复中使用我的布局样式。

Answer 1

为此使用 flutter 的 Futurebuilder。

未来的构建器将根据 Api 响应构建小部件。 这是 Future 构建器的示例。

return FutureBuilder(
  future: apiCall(),
  builder: (context, response){
    if(response.hasData){
      var data = response.data;
      if(data["layout"] == "gridview") return GridView.builder();
      else return ListView.builder();
    }else return Container();
  },
);

通过这种方式，您将能够根据 API 响应构建您的布局。

一如既往..
快乐编码