需要用两个列表视图滚动内容

Question

我有一个显示 2 个不同部分的屏幕。

在顶部（第一部分）有一些小部件可以排序或过滤列表视图。

屏幕的其余部分（第二部分）有 2 个列表视图。

这里有截图

我需要的是保持第一部分原样。

然后我想显示第一个文本行 (Atrasadas (2))，这是第二部分中的第一个 Padding 小部件，在它下面我想显示第一个 Expanded 小部件中包含的 listView，在第二个文本下面行 (A tiempo(2))，以及第二部分第二个扩展小部件中包含的第二个列表视图下方。

我需要知道如何设置两个列表视图的高度，并能够滚动第二部分的完整内容。

Answer 1

我为你准备了一个例子。在您的应用中试用此代码并了解如何使用它。

  class ForExample extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          children: [
            Expanded(
                flex: 1,
                child: Container(
                  width: double.infinity,
                  color: Colors.blue,
                  child: Column(
              children: [
                  Container(
                    child: Text("This is fixed area"),

                  )
              ],
            ),
                )),
            Expanded(
              flex: 2,
                child: Container(
                  color: Colors.red,
                  width: double.infinity,
                  child: ListView.builder(
                    itemCount: 10,
                    itemBuilder: (BuildContext context, int index) {
                      return new Card(
                        child: const ListTile(
                          leading: const Icon(Icons.album),
                          title: const Text('The Enchanted Nightingale'),
                          subtitle: const Text(
                            'Music by Julie Gable. Lyrics by Sidney Stein.',
                          ),
                        ),
                      );
                    },
                  ),
                ))
          ],
        ),
      ),
    );
  }
}

需要用两个列表视图滚动内容

Need to scroll content with two listviews

flutter