Flutter从入门到放弃总结

flutter_webview_plugin & fluro 实现 app webview 所有功能

安装

• fluro 安装
• flutter_webview_plugin 安装

核心webview实现

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
import './login.dart';
import '../bottom_navigation_widget.dart';
import '../utils/storage.dart';
import '../router/custome_router.dart';

_setUrl (String url) {
  if (url.indexOf('?')> -1) {
    return '$url&v=${DateTime.now().millisecondsSinceEpoch}';
  } else {
    return '$url?v=${DateTime.now().millisecondsSinceEpoch}';
  }
}

class WebWiew extends StatefulWidget {
  String url;
  String sessionId;
  String token;
  WebWiew(
    this.url,
    [this.sessionId,
    this.token,]
  );
  @override
  _WebWiewState createState() => _WebWiewState();
}

class _WebWiewState extends State {
  FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin();
  String title = "页面跳转中";
  String _thisUrl = '';
  String _intUrl = '';

  //获取h5页面标题
  getWebTitle() async {
    String script = 'window.document.title';
    var title = await
    flutterWebviewPlugin.evalJavascript(script);
    setState(() {
      this.title = title.replaceAll('\"',' ');
    });
  }

  @override
  void initState() {
    super.initState();
    flutterWebviewPlugin.onStateChanged.listen((WebViewStateChanged webViewState) async {
      print('onStateChanged');
      switch (webViewState.type) {
      case WebViewState.finishLoad:
        break;
      case WebViewState.shouldStart:
        break;
      case WebViewState.startLoad:
        break;
      case WebViewState.abortLoad:
        break;
      }
    });

    /**
     * 监听页面加载url
    */
    flutterWebviewPlugin.onUrlChanged.listen((String url) {
      setState(() {
        _thisUrl = url;
      });
      if (_intUrl == ''){
        setState(() {
          _intUrl = url;
        });
      }
      print(url);
      getWebTitle();
      if (url.indexOf('authorize.html') > -1) {
        clearToken();
        flutterWebviewPlugin.stopLoading();
        // 关闭webView 跳转到app登录页
        flutterWebviewPlugin.close();
        Navigator.of(context).pushAndRemoveUntil(
          MaterialPageRoute(builder: (BuildContext context) => Login()),
          (route) => route == null
        );
      }
    });
  }

  @override
  Widget build(BuildContext context) {
     return Container(
       child: WebviewScaffold(
           url:  _setUrl(widget.url),
           // 默认加载地址
           appBar: AppBar(
             title: Text(title),
             leading:Container(
               padding: EdgeInsets.only(left:4.0),
               child: InkWell(
                 child: Icon(Icons.arrow_back_ios),
                 onTap: () {
                   Navigator.of(context).pushAndRemoveUntil(
                       // 使用自定义的动画跳转路由
                       CustomRoute(BottomNavigationWidget()),
                       //  MaterialPageRoute(builder: (BuildContext context) => BottomNavigationWidget()),
                           (route) => route == null
                   );
                 },
               ),
             ),
           ),
           scrollBar: false,
           withZoom: false,
           headers: {
             'app-session-id': widget.sessionId,
             'x-auth-token': widget.token,
           }
       )
     );
  }

  @override
  void dispose() {
    flutterWebviewPlugin.dispose();
    super.dispose();
  }
  void setHeaders () {
    // flutterWebviewPlugin
  }
}

fluro 使用

/// application.dart
import 'package:fluro/fluro.dart';

class Application {
  static Router router;
}

/// route_handlers.dart
var rootHandler = Handler(
    handlerFunc: (BuildContext context, Map> params) {
  return Home();
});

var mycenterHandler = Handler(
    handlerFunc: (BuildContext context, Map  params) {
      String sessionId = params['sessionId']?.first;
      String token = params['token']?.first;
      String id = params['arg1']?.first;
      String agency = params['arg2']?.first;
      return WebWiew('${baseUrl}static/mycenter.html', sessionId, token);
});

var withoutLoginPageHandler = Handler(
    handlerFunc: (BuildContext context, Map  params) {
          String url = params['url']?.first;
          print(url);
          return WebWiew(Uri.decodeComponent(url));
    }
);

/// routers.dart
import 'package:flutter/material.dart';
import 'package:fluro/fluro.dart';
import './route_handlers.dart';

class Routes {
  static String root = '/';
  static String myCenter = '/mycenter';
  static String withoutLoginPage = '/withoutLoginPage';


  static void configureRoutes(Router router){
    router.notFoundHandler= new Handler(
      handlerFunc: (BuildContext context, Map> params){
        print('ERROR====>ROUTE WAS NOT FONUND!!!');
        return null;
      }
    );

    router.define(root, handler: rootHandler);
    router.define(myCenter, handler: mycenterHandler);
    router.define('withoutLoginPage/:url', handler: withoutLoginPageHandler);
  }
}

封装一个HTTP请求

import 'dart:io';
import 'dart:convert';
import 'dart:async';
import 'package:cookie_jar/cookie_jar.dart';
import 'package:dio/dio.dart';
import '../config/config.dart';
import '../common/eventBus.dart';
import '../utils/storage.dart';
import '../utils/tools.dart';


class HttpUtils {
  /// global dio object
  static Dio dio;

  /// http request methods
  static const String GET = 'get';
  static const String POST = 'post';
  static const String PUT = 'put';
  static const String PATCH = 'patch';
  static const String DELETE = 'delete';


  /// request method
  static Future

HTTP使用

Future refreshToken () async {
  final prefs = await SharedPreferences.getInstance();
  var result = await HttpUtils.request(
      api['refreshToken'],
      method: HttpUtils.POST,
      data: {
        'x-auth-token': prefs.getString('token')
      }
    );
    return result;
}

持续增加中……