Очистка whitebox без использования resizeToAvoidBottomInset: false

Question

Я разрабатываю приложение с Flutter и пакетом webview_flutter.

При конфигурации по умолчанию я получаю белый квадрат в внизу экрана .

Когда я помещаю этот код в Scaffold:

resizeToAvoidBottomInset: true

он исчезает:

Но в этом случае Webview не изменяет размеры автоматически при открытии виртуальной клавиатуры.

Если я не использую " resizeToAvoidBottomInset: true "это изменение размера, но на первом изображении появляется белое поле.

Есть ли другой способ очистить это белое поле?

Мой код:

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter/services.dart';

class WebViewExample extends StatefulWidget {
  @override
  _WebViewExampleState createState() => _WebViewExampleState();
}

class _WebViewExampleState extends State<WebViewExample> {
  final Completer<WebViewController> _controller =
  Completer<WebViewController>();

  @override
  Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return Scaffold(
        resizeToAvoidBottomInset: false,
        appBar: null,
      body: Builder(builder: (BuildContext context) {
        return WebView(
          userAgent: "random",
          initialUrl: 'https://www.2harf.com',
          javascriptMode: JavascriptMode.unrestricted,
          onWebViewCreated: (WebViewController webViewController) {
            _controller.complete(webViewController);
          },
          onPageStarted: (String url) {
            print('Page started loading: $url');
          },
          onPageFinished: (String url) {
            print('Page finished loading: $url');
          },
          gestureNavigationEnabled: false,
        );
      })
    );
  }

Answer 1

Если ваше приложение не полноэкранное, используйте

    SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);