Flutter Getx 正文中的多个列表答案

【问题标题】：Flutter Getx multiple lists in bodyFlutter Getx 正文中的多个列表
【发布时间】：2021-09-22 11:02:07
【问题描述】：

获得了使用此代码的基本列表视图：

body: GetX<LokationListeCtrl>(
      builder: (ctrl) => ListView.separated(
        separatorBuilder: _separatorBuilder,
        itemCount: ctrl.lokationListe.length,
        itemBuilder: (BuildContext context, int index) {
          return _lokationTile(ctrl.lokationListe.elementAt(index));
        },
      ),
    ),

好的，所以现在我将通过将整个内容包装在一个多子小部件中来添加另一个列表，但即使在此之前，我已经在尝试让第一个列表正常工作：

body: Column(
      children: [
        GetX<LokationListeCtrl>(
          builder: (ctrl) => ListView.separated(
            separatorBuilder: _separatorBuilder,
            itemCount: ctrl.lokationListe.length,
            itemBuilder: (BuildContext context, int index) {
              return _lokationTile(ctrl.lokationListe.elementAt(index));
            },
          ),
        ),
      ],
    ),

这里使用 Column，但它适用于所有具有多个子项的小部件。 itemBuilder 代码只是更新了执行。

这似乎是一件简单而有用的事情——问题是如何在正文中拥有多个列表，即“GetX 方式”？

【问题讨论】：

标签： flutter listview flutter-getx

【解决方案1】：

找到了解决办法。如果我们引入一个新的 Scaffold 并将其包裹在 Expanded 中，那么 GetX 就不会再像一个受辱的小男孩了，而是重新开始微笑：

body: Column(
      children: [
        Expanded(
          child: Scaffold(
            body: MyBodyPadding(
              // add space between appbar and first ListTile
              child: GetX<LokationListeCtrl>(
                builder: (ctrl) => ListView.separated(
                  separatorBuilder: _separatorBuilder,
                  itemCount: ctrl.lokationListe.length,
                  itemBuilder: (BuildContext context, int index) {
                    return _lokationTile(
                        ctrl.lokationListe.elementAt(index));
                  },
                ),
              ),
            ),
          ),
        ),
      ],
    ),

【讨论】：