15、Flutter Widget - webview;

Melrose發表於2019-03-28
FlutterWebView

  要想在Flutter中瀏覽網頁可以使用webview外掛。

新增依賴和配置

  在pubspec.yaml的依賴中新增:

dependencies:
  flutter:
    sdk: flutter

  webview_flutter: ^0.3.5

複製程式碼

  在ios/Runner/Info.plist中新增:

<dict>
     ...
    <key>io.flutter.embedded_views_preview</key>
    <true/>
    ....
</dict>
複製程式碼

簡單使用

可以使用WebViewController來控制webview的網頁切換等操作。

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



class WebViewApp extends StatelessWidget{
  @override
  Widget build(BuildContext context)  => MaterialApp(
    home: _HomePage(),
  );
}

class _HomePage extends StatelessWidget{

  WebViewController _controller;

  @override
  Widget build(BuildContext context) => Scaffold(
    appBar: AppBar(title: Text("WebView"),),
    body: Center(
      child: _buildWebView(),
    ),

  );


  Widget _buildWebView() => WebView(onWebViewCreated: (c){
    _controller =c;
    _controller.loadUrl("https://pub.dartlang.org/packages/webview_flutter");
  },);


}
複製程式碼

相關文章