我遇到了一个似乎很常见的问题，但我可以克服它。

我有一个 API 查询，它返回一个对象列表。

我想将我的页面显示为填充内容的卡片网格。

我希望网格有 5 列，行数将适应列表中元素的数量。

我可以弄清楚如何实现它。

例如：我有一个查询返回

items[
   {"id":1,"title":"title1,"description":"description1"}
   {"id":2,"title":"title2,"description":"description2"}
   {"id":3,"title":"title3,"description":"description3"}
   {"id":4,"title":"title4,"description":"description4"}
   {"id":5,"title":"title5,"description":"description5"}
   {"id":6,"title":"title6,"description":"description6"}
   {"id":7,"title":"title7,"description":"description7"}
]

我的网格由 7 个元素组成，系统地有 5 列和自适应行，例如：

如果我的查询返回例如 14 个元素，布局应调整为如下所示：

我能得到的最接近的代码是。

      
Top Rated views
      
        
          
            
              anything as text
            

             Number 10 

            
              
Whitehaven Beach

              
Whitsunday Island, Whitsunday Islands
            
          
        
      
    

感谢您的帮助