Блог

Я пытаюсь показать модальный нижний лист, который использует DraggableScrollableSheet, который, в свою очередь, содержит WebView, при нажатии на карточку. Предполагается, что WebView можно прокручивать, поскольку он содержит длинную веб-страницу. Я использую DraggableScrollableSheet, потому что я хочу иметь возможность закрывать нижний лист при прокрутке вверх после достижения верхней части веб-страницы.

Это то, что у меня есть до сих пор:

 onTap: () {
      showModalBottomSheet(
        context: context,
        isScrollControlled: true,
        builder: (_) {
          return DraggableScrollableSheet(
            expand: false,
            builder: (_, scrollController) {
              return Container(
                child: WebView(
                  initialUrl: this.newsUrl,
                  javascriptMode: JavascriptMode.unrestricted,
                ),
              );
            },
          );
        },
      );
    }
 

Однако в текущем состоянии кода WebView не прокручивается. Единственное, что я могу сделать, это перевернуть лист вниз, чтобы закрыть его. Виджет внутри DraggableScrollableSheet должен использовать ScrollController, предоставляемый DraggableScrollableSheet, чтобы это работало, но я не смог найти способ использовать этот ScrollController с WebView. Я попытался обернуть WebView с помощью SingleChildScrollView, но это не сработало.

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