Flutter:webview打开网页

官方文档地址

下方代码来自官方文档,先简单记录下如何通过webview打开某个http地址

添加权限:android/app/src/main/AndroidManifest.xml

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

pubspec.yaml

js 复制代码
webview_flutter: ^4.10.0

controller

js 复制代码
import 'package:get/get.dart';
import 'package:webview_flutter/webview_flutter.dart';

class LoginController extends GetxController {
  LoginController();
  WebViewController webViewController = WebViewController()
    ..setJavaScriptMode(JavaScriptMode.unrestricted)
    ..loadRequest(Uri.parse('https://www.baidu.com/'));
  _initData() {
    update(["login"]);
  }

  @override
  void onReady() {
    super.onReady();
    _initData();
  }

view

js 复制代码
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'index.dart';

class LoginPage extends GetView<LoginController> {
  const LoginPage({super.key});

  @override
  Widget build(BuildContext context) {
    return GetBuilder<LoginController>(
      init: LoginController(),
      id: "login",
      builder: (_) {
        return Scaffold(
          appBar: AppBar(title: const Text("login")),
          body: WebViewWidget(
              controller: controller.webViewController
          ),
        );
      },
    );
  }
}
相关推荐
火柴就是我12 分钟前
每日见闻之Container Decoration
android·flutter
古希腊被code拿捏的神15 小时前
【Flutter】面试记录
flutter·面试·职场和发展
nc_kai15 小时前
Flutter 之 table_calendar 控件
flutter
0wioiw015 小时前
Flutter基础(前端教程⑨-图片)
前端·flutter
Engandend16 小时前
Flutter与iOS混合开发交互
flutter·ios·程序员
浅忆无痕17 小时前
Flutter抓包
前端·flutter
火柴就是我17 小时前
每日见闻之尝试大白话说清Flutter的事件传递
flutter
Lucifer晓18 小时前
记录一次Flutter项目上传App Store Connect出现“Validation failed”错误的问题
flutter·ios
江上清风山间明月21 小时前
一周掌握Flutter开发--10. 结构与设计模式
flutter·设计模式·快速
_小猪睡枕头_1 天前
鸿蒙与Flutter的混合开发
flutter·harmonyos