为什么我不能在 Flutter ModalBottomSheet 中滚动自定义 WebView

new*_*bie 0 webview flutter flutter-showmodalbottomsheet

嘿伙计们,有人知道为什么我不能在 ModalBottomSheet 中垂直滚动 WebView?这是我的代码,如果有什么问题,请告诉我或给我一些建议。

showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      backgroundColor: Colors.transparent,
      builder: (context) => Container(
        height: MediaQuery.of(context).size.height * 0.75,
        decoration: new BoxDecoration(
          color: Colors.white,
          borderRadius: new BorderRadius.only(
            topLeft: const Radius.circular(25.0),
            topRight: const Radius.circular(25.0),
          ),
        ),
        child: Padding(
          padding: EdgeInsets.fromLTRB(0, 23, 0, 0),
          child: WebView(
              initialUrl: 'https://www.sicepat.com/checkAwb/',
              javascriptMode: JavascriptMode.unrestricted,
              onWebViewCreated: (controller) {
                _myController = controller;
              },
          onPageFinished: (initialUrl) {
            _myController.evaluateJavascript("document.getElementsByClassName('ws-header-container')[0].style.display='none';");
            _myController.evaluateJavascript("document.getElementsByClassName('ws-footer-page')[0].style.display='none';");
          },
        )
        ),
      ),
    ); 
Run Code Online (Sandbox Code Playgroud)

The*_*MCA 15

对于较新版本的 Flutter;

  final Set<Factory<OneSequenceGestureRecognizer>> gestureRecognizers = {
    Factory(() => EagerGestureRecognizer())
  }; 
Run Code Online (Sandbox Code Playgroud)


小智 9

尝试使用gestureRecognizers和设置WebView密钥

final Set<Factory> gestureRecognizers = [Factory(() => EagerGestureRecognizer())].toSet();

UniqueKey _key = UniqueKey();

WebView(
  key: _key,
  initialUrl: 'https://www.sicepat.com/checkAwb/',
  javascriptMode: JavascriptMode.unrestricted,
  gestureRecognizers: gestureRecognizers,
  onWebViewCreated: (controller) {
   _myController = controller;
  },
  onPageFinished: (initialUrl) {
   _myController.evaluateJavascript("document.getElementsByClassName('ws-header-container')[0].style.display='none';");
   _myController.evaluateJavascript("document.getElementsByClassName('ws-footer-page')[0].style.display='none';");
  },
)
Run Code Online (Sandbox Code Playgroud)

  • 最终 Set&lt;Factory&lt;OneSequenceGestureRecognizer&gt;&gt;gestureRecognizers = { Factory(() =&gt; EagerGestureRecognizer()) }; (3认同)