如何在具有动态大小子项的 ListView 上使用滚动条

【问题标题】：How to use a Scrollbar on a ListView that have dynamic size childerns如何在具有动态大小子项的 ListView 上使用滚动条
【发布时间】：2021-07-26 02:08:46
【问题描述】：

我有一个 ListView 有不同高度的孩子，所以当我在这个 ListView 上使用滚动条时，它会导致滚动条抽搐或工作异常。

【问题讨论】：

标签： flutter listview dart height scrollbar

【解决方案1】：

您只需要在列表视图之前添加一个Scrollbar()

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final ScrollController _scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Scrollbar(
            isAlwaysShown: true,
            controller: _scrollController,
            child: ListView.builder(
                controller: _scrollController,
                itemCount: 100,
                itemBuilder: (context, index) {
                  return Card(
                      child: ListTile(
                    title: Text("Item: ${index + 1}"),
                  ));
                }),
          ),
        ),
      ),
    );
  }
}

【讨论】：