Flutter开发 webview_flutter的基本使用

flutter不提供webiew。所以要使用webview_flutter插件。webview_flutter支持ios和android。

申请权限

xml 复制代码
    <uses-permission android:name="android.permission.INTERNET" />

引入插件

yaml 复制代码
dependencies:
  webview_flutter: ^4.13.0

效果

代码

dart 复制代码
class MyState extends State {


  @override
  void initState() {
    super.initState();
  }


  @override
  Widget build(BuildContext context) {


    WebViewController   controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..setNavigationDelegate(
        NavigationDelegate(
          onProgress: (int progress) {
            // Update loading bar.
          },
          onPageStarted: (String url) {},
          onPageFinished: (String url) {},
          onHttpError: (HttpResponseError error) {},
          onWebResourceError: (WebResourceError error) {},
          onNavigationRequest: (NavigationRequest request) {
            if (request.url.startsWith('https://www.youtube.com/')) {
              return NavigationDecision.prevent;
            }
            return NavigationDecision.navigate;
          },
        ),
      );
    controller.loadRequest(Uri.parse('https://flutter.cn'));

    return Scaffold(
      appBar: AppBar(
        title: Text("登录"),
        centerTitle: true,
        backgroundColor: Colors.blue,
        foregroundColor: Colors.white,
      ),
      body: WebViewWidget(controller: controller),
    );
  }
}
相关推荐
、BeYourself1 小时前
Android 常见界面布局详解
android
weixin_411191841 小时前
安卓Handler+Messenger实现跨应用通讯
android
咕噜企业签名分发-淼淼1 小时前
App防止恶意截屏功能的方法:iOS、Android和鸿蒙系统的实现方案
android·ios·harmonyos
Digitally2 小时前
如何将文件从电脑传输到安卓设备
android
游戏开发爱好者86 小时前
iOS 26 崩溃日志深度解读,获取方式、系统变动、定位策略
android·macos·ios·小程序·uni-app·cocoa·iphone
一直向钱7 小时前
android 基于okhttp 封装一个websocket管理模块,方便开发和使用
android·websocket·okhttp
小趴菜82277 小时前
安卓人机验证View
android·java·前端
ajassi20008 小时前
开源 java android app 开发(十七)封库--混淆源码
android·java·开源
2501_916008899 小时前
JavaScript调试工具有哪些?常见问题与常用调试工具推荐
android·开发语言·javascript·小程序·uni-app·ecmascript·iphone
2501_9293826510 小时前
AdGuard解锁订阅版高级版 安卓广告拦截器APP v4.11.63 / 4.13.7 Nightly MOD
android