列和行颤振座椅视图

Question

我是Flutter的新手。我想使用“行”和“列”构建火车座位视图。但是我不能。 此视图也必须是可滚动的。我试过了表格小部件，但无法滚动显示。

行数和列数动态地来自api。我试图像下面一样静态地构建视图，但是我需要动态地构建视图。

谢谢。

enter image description here

set_config

Answer 1

您可以通过将任何Widget包装在SingleChildScrolLView中来使其滚动。因此，如果Table Widget适合您，请尝试一下！

如上所述，任何东西都可以通过这种方式滚动。因此，您可以制作一个适合整个屏幕的容器，用SingleChildScrolLView包装它，然后将所需的内容放进去。

https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

Answer 2

您必须使用Listview.generate和ScrollView来将座位动态添加到行和列中。

1. 创建一个代表Seat的小部件。
2. 假设您有10个来自api的项目。然后使用GridView.count为您自动生成列。

---

示例

child: GridView.count(
   crossAxisCount:5,
   children: Listview.generate(10,(index){
       return Seat(
         id:json_response["items"][index]["id"]
         booked:false,
      );
    }
  ),
)