Flutter webview我想在向上或向下拉动应用程序时删除白色背景

Posted 2023-02-23

【中文标题】Flutter webview我想在向上或向下拉动应用程序时删除白色背景

【英文标题】：Flutter webview I want to remove the white background when pulling the app up or down

【发布时间】：2021-06-21 02:02:19

【问题描述】：

我想在向上或向下拉屏幕时停用白色背景。谢谢。

https://user-images.githubusercontent.com/57063848/112276391-bd5bf900-8c91-11eb-9cec-9933e4ee41df.mp4

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

void main() => runApp(MyApp());


class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Welcome to Flutter',
      home: Scaffold(
        body: WebView(
          initialUrl: "https://www.medivizyon.com.tr/in5",
          javascriptMode: JavascriptMode.unrestricted,
          initialMediaPlaybackPolicy: AutoMediaPlaybackPolicy.always_allow,
          allowsInlineMediaPlayback: true,
          ),
      ),
    );
  

【参考方案1】：

webview_flutter 插件没有禁用 ios 反弹效果的选项。

您可以使用我的flutter_inappwebview 插件并设置iOS 特定的WebView 选项disallowOverScroll: true。这样，当滚动到达内容的边缘时，它将禁用 WebView 的弹跳。

代码示例：

child: InAppWebView(
  initialUrlRequest: URLRequest(url: Uri.parse("https://yourwebsite.com")),
  initialOptions: InAppWebViewGroupOptions(
    ios: IOSInAppWebViewOptions(
      disallowOverScroll: true
    )
  ),
)