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),
    );
  }
}
相关推荐
Bryce李小白30 分钟前
Kotlin Flow 的使用
android·开发语言·kotlin
氦客3 小时前
Android Compose 状态的概念
android·compose·重组·状态·组合·mutablestate·mutablestateof
Jerry3 小时前
Compose 约束条件和修饰符顺序
android
千里马学框架4 小时前
安卓系统中线程优先级Priority查看方式汇总
android·framework·线程·安卓framework开发·优先级·priority
沐怡旸4 小时前
【Android】Handler/Looper机制相关的类图和流程图
android
生莫甲鲁浪戴4 小时前
Android Studio新手开发第二十一天
android·ide·android studio
生莫甲鲁浪戴4 小时前
Android Studio新手开发第二十二天
android·ide·android studio
用户41659673693555 小时前
Jetpack Compose 中实现带圆角边框的单词级富文本效果(分词与布局实践)
android
顾林海5 小时前
Android UI优化:让你的APP从“卡顿掉帧”到“丝滑如德芙”
android·面试·性能优化
啊森要自信5 小时前
【MySQL 数据库】MySQL用户管理
android·c语言·开发语言·数据库·mysql