Есть ли во Flutter web эквивалент `overflow: scroll`?

Question

Я пытаюсь получить доступ к собственной полосе прокрутки браузера (посмотрите, что находится справа здесь). Обычно, если содержимое виджета превышает область просмотра, Flutter выдает ошибку типа: A RenderFlex overflowed by 445 pixels on the bottom. Есть ли параметр или что-то, что может указать Flutter web просто сделать этот конкретный виджет прокручиваемым? Если мы используем виджет «Полоса прокрутки», его нельзя перетаскивать, а виджет DraggableScrollbar выглядит очень странно, а код реализации намного превышает мою оценку заработной платы. Мне просто нужна обычная полоса прокрутки, к которой привыкли мои дедушка и бабушка.

Answer 1

Я пишу полные шаги, потому что, возможно, кто-то собирается использовать виджет DraggableScrollbar в первый раз.

1. Добавьте это к pubspec.yaml зависимостям:

draggable_scrollbar: ^0.0.4

2. Импортировать пакет:

import 'package:draggable_scrollbar/draggable_scrollbar.dart';

3. Определить ScrollController:

final ScrollController _scrollController = ScrollController();

4. Использование:

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
          child: DraggableScrollbar.rrect(
            controller: _scrollController,
            heightScrollThumb: 100,
            backgroundColor: Colors.yellow,
            child: ListView.builder(
              controller: _scrollController,
              itemExtent: 150.0,
              itemCount: 50,
              itemBuilder: (context, index) {
                return Container(
                  child: Card(
                    child: Center(
                      child: Text(index.toString()),
                    ),
                  ),
                );
              },
            ),
          ),
        ),
    );
  }