flutter webview

本文深入探讨了Flutter中WebView组件的实现细节,展示了如何通过MyWebView类加载并展示网页数据,包括设置初始URL、使用无限制的JavaScript模式以及构建包含标题栏和WebView主体的应用布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//展示网页数据
class MyWebView extends StatefulWidget {
  String url;
  String title;

  MyWebView({Key key, @required this.url, @required this.title});

  @override
  createState() => _PageState(url: url, title: title);
}

class _PageState extends State<MyWebView> {
  String url;
  String title;

  _PageState({Key key, @required this.url, @required this.title});

  final _key = UniqueKey();

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: _setTitle(context),
        body: Column(
          children: [
            Expanded(
                child: WebView(
                    key: _key,
                    javascriptMode: JavascriptMode.unrestricted,
                    initialUrl: url))
          ],
        ));
  }

  _setTitle(context) {
    return new AppBar(
      brightness: Brightness.light,
      title:
          new Text(title, style: TextStyle(color: Colors.black, fontSize: 20)),
      elevation: 1,
      leading: new IconButton(
          icon: new Icon(
            Icons.arrow_back_ios,
            color: Colors.black,
          ),
          onPressed: () {
            Navigator.pop(context);
          }),
      backgroundColor: Colors.white,
      centerTitle: true,
    );
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值