专栏中的 Flutter 2 Streambuilder

Question

我有 2 个 streambuilder，我想显示它们里面都有一个 Listview 构建器。我想将这两个 streambuilder 都放在一个 scrollabe 列中，但这是行不通的。我尝试将它们包装在 Expanded 或 Flexible 中，但我无法弄清楚。使用展开的小部件时的问题是，即使小部件没有任何子部件，它仍然会占据屏幕的很大一部分。例如，当 streambuilder 1 没有数据时，它仍会使用屏幕的一部分。提前致谢!

这是我的代码简介:

SingleChildScrollView(
      child: Column(
        children: [
          Expanded(
            child: StreamBuilder(
              stream: stream1,
              builder: (context, snapshot) {
                return ListView.builder();
              },
            ),
          ),
          Expanded(
            child: StreamBuilder(
              stream: stream2,
              builder: (context, snapshot) {
                return ListView.builder();
              },
            ),
          ),
        ],
      ),
    ),

Answer 1

SingleChildScrollView(
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: <Widget>[
      Expanded(
        child: StreamBuilder(
          stream: stream1,
          builder: (context, snapshot) {
            return  ListView(
              physics: NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              children: firstList(),
            ),
          },
        ),
      ),
      Expanded(
        child: StreamBuilder(
          stream: stream2,
          builder: (context, snapshot) {
            return  ListView(
             physics: NeverScrollableScrollPhysics(),
             shrinkWrap: true,
             children: secondList(),
           ),
          },
        ),
      ),
    ],
  ),
)

您可以通过将 physics 属性设置为 physics: NeverScrollableScrollPhysics() 使 ListView 小部件永不滚动，和使用 shr​​inkWrap: true, 您可以更改此行为，以便 ListView 仅占用其所需的空间(当有更多项目时它仍会滚动)。它在单个可滚动件中制作了两个不同的 StreamBuilder 小部件。