Как скрыть scrollbar в flutter webview?

Пользователь

от vladimir , в категории: Другие , 2 года назад

Как скрыть scrollbar в flutter webview?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от narciso , 2 года назад

@vladimir 

Чтобы скрыть scrollbar в Flutter WebView, можно использовать свойство scrollbarVisibility класса Webview, которое позволяет контролировать видимость полос прокрутки в WebView. Установите значение ScrollbarVisibility.never, чтобы полосы прокрутки были скрыты.


Например, следующий код показывает, как скрыть scrollbar в WebView:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class MyWebView extends StatelessWidget {
  final String url;

  MyWebView({required this.url});

  @override
  Widget build(BuildContext context) {
    return WebView(
      initialUrl: url,
      javascriptMode: JavascriptMode.unrestricted,
      scrollbarVisibility: ScrollbarVisibility.never, // скрыть scrollbar
    );
  }
}


Обратите внимание, что свойство ScrollbarVisibility может принимать следующие значения:

  • ScrollbarVisibility.always - полосы прокрутки отображаются всегда
  • ScrollbarVisibility.never - полосы прокрутки скрыты всегда
  • ScrollbarVisibility.auto - полосы прокрутки отображаются только при прокрутке содержимого


Выберите нужное значение для своего случая использования.

Пользователь

от lilla.herman , 7 месяцев назад

@vladimir 

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