如何在flutter webview中启用全屏模式

Posted 2023-02-23

【中文标题】如何在flutter webview中启用全屏模式

【英文标题】：how to enable fullscreen mode in flutter webview

【发布时间】：2022-01-02 18:24:48

【问题描述】：

我有我去 Youtube 的 WebView，如果用户触摸全屏按钮，我想将我的设备旋转到横向模式。有没有人遇到过这种情况？任何人都可以帮助我了解它是如何启用的！

这是我的代码！

   class Home extends StatefulWidget 
  const Home(Key? key) : super(key: key);

  @override
  _HomeState createState() => _HomeState();


class _HomeState extends State<Home> 
  final Completer<WebViewController> _controller =
  Completer<WebViewController>();


  @override
  Widget build(BuildContext context) 
    return const SafeArea(
        child: Scaffold(
      body:Center(
        child: WebView(
            initialUrl: 'https://youtube.com/',
            javascriptMode: JavascriptMode.unrestricted,
           
        ),
      )


    ));
  

【参考方案1】：

是的，这是可能的，但你必须这样做

1-克隆你要使用的 webview 2-将该依赖项本地放在您的项目中 3-现在转到依赖库文件并从根屏幕中删除安全区域

注意：请确保您首先从 yaml 文件中删除了依赖项，然后将其添加到本地，以免 dat pub 混淆

【讨论】：

感谢您的建议

你能给我举个例子吗？如何在本地添加它？