ListView.builder 不在列内滚动

Question

我有ListView.builder里面可滚动的Column。但里面的内容ListView.builder不滚动。

final List<String> entries = <String>[
  'Item 1',
  'Item 2',
  'Item 3',
  'Item 4',
  'Item 5',
  'Item 6',
  'Item 7',
  'Item 8',
  'Item 9',
  'Item 10',
  'Item 11',
  'Item 12',
  'Item 13',
  'Item 14',
  'Item 15',
  'Item 16',
  'Item 17',
  'Item 18',
  'Item 19',
  'Item 20',
];
Widget build(BuildContext context) {
  return SingleChildScrollView(
    child: Column(
      children: [
        Text(
          'Heading',
          style: TextStyle(fontSize: 24),
        ),
        ListView.builder(
          shrinkWrap: true,
          padding: const EdgeInsets.all(8),
          itemCount: entries.length,
          itemBuilder: (BuildContext context, int index) {
            return Container(
              height: 150,
              width: 150,
              decoration: BoxDecoration(
                border: Border.all(width: 2.0, color: Colors.red),
                borderRadius: BorderRadius.all(Radius.circular(10)),
              ),
              child: Center(child: Text('${entries[index]}')),
            );
          },
        ),
        Text(
          'Footer',
          style: TextStyle(fontSize: 24),
        ),
      ],
    ),
  );
}

Answer 1

将其添加到您的 ListView.builder()

physics: const ScrollPhysics(),