如何解决Flutter Getx 正文中的多个列表
使用此代码获得基本列表视图:
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,int index) {
return _lokationTile(ctrl.lokationListe.elementAt(index));
},],
此处使用了 Column,但它适用于所有具有多个子项的小部件。 itemBuilder 代码只是执行较新。
这似乎是一件简单而有用的事情 - 问题是如何在正文中拥有多个列表,“GetX 方式”?
解决方法
找到了解决办法。如果我们引入一个新的 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));
},),],
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。