如何在Flutter中将嵌套的JSON API响应显示为网格视图?

时间:2019-04-02 20:09:39

标签: flutter flutter-layout

我正在使用Flutter构建应用程序。我想显示一个gridview,并且在那个gridview中我想要一个数据列表视图。我有一个JSON Api,响应是这样的。

这是一个对象数组。我想在gridview中显示对象的title和price属性,并在那个gridview中的列表视图中显示services属性。我正在使用Futurebuilder。我对于在Futurebuilder中应该使用gridview.count还是gridviewbuilder感到困惑。要实现列表视图,我应该在该ListViewbuildergridviewbuilder下使用gridview.count吗?还有其他想法可以实现这一目标吗?

     "title": "EXPRESS 2",
     "price": 500,
     "services": [
       {
         "_id": "5ca07706e8f4c521f0010567",
         "serviceId": "5c9081e3ae535e0c549fa0fe",
         "name": "DENT SECTION"
       },
       {
         "_id": "5ca07706e8f4c521f0010566",
         "serviceId": "5c90820aae535e0c549fa100",
         "name": "ELECTRICAL SYSTEM"
       }
     ],
     "id": "5ca07706e8f4c521f0010565"
   },```







1 个答案:

答案 0 :(得分:1)

create:创建一个可滚动的2D小部件数组,在横轴上具有固定数量的图块

GridView.count:创建可按需创建的可滚动2D小部件数组。

GridView.builder

并尝试使用此代码绑定您的数据

So use the GridView.builder