通过flutter_webview_plugin 创建一个简单的只显示特定网页的flutter app 2019.02.10

前面做了一个用树莓派当服务器的网站,用浏览器可以打开,但后来想直接用手机app浏览,所以就查了一下dart正好有这个package,很简单。

我用的是android studio, 安装好flutter sdk,插件等, 新建一个空白flutter project。

首先在pubspec.yaml中添加 flutter_webview_plugin: ^0.3.0+2(后面版本号最好用最新的,通过https://pub.dartlang.org/packages/ 查找)然后点package get, 会自动下载好,好像需要翻墙。

然后在main.dart里import就可以了。

import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    Widget titleSection = new MaterialApp(
      routes: {
        "/": (_) => new WebviewScaffold(
          url: "http://www.anywebsite.com",
          appBar: new AppBar(
            title: new Text("Anytitle"),
          ),
        ),
      },
    );
    return titleSection;
  }
}

替换里面的网址和title。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值