flutter_easyhub 0.2.0+1 copy "flutter_easyhub: ^0.2.0+1" to clipboard
flutter_easyhub: ^0.2.0+1 copied to clipboard

Published 4 years ago Dart 3 incompatible• Latest: 1.0.2+1
outdated
→

Metadata

easy for hub, When you do a lot of calculation, you need this animation. When you make a network error or finish downloading files, you also need this animation。

More...

fluttereasyhub #

一个展示toast和加载动画的 packages

效果展示 #

详细动画 #

动画种类 效果
EasyHubIndicator_default
EasyHubIndicator_CircularProgress
showErrorHub
showComplateHub
EasyHubIndicator_LineProgress
EasyHubIndicator_CircularProgressEasyOutEasyIn
EasyHubIndicator_CircularProgressEasy
EasyHubIndicator_singleFlipingRect
EasyHubIndicator_beattingCircle
EasyHubIndicator_singlebeattingCircle
EasyHubIndicator_beatingRects
EasyHubIndicator_rotatingCircles
EasyHubIndicator_rotatingDeformedCircles
EasyHubIndicator_rotatingDeformedCirclesRow
EasyHubIndicator_rotatingTwoRect
EasyHubIndicator_rotatingTwoCircles
EasyHubIndicator_foldingRect

easy use to use this package as a library #

dependencies:
  flutter_easyhub: ^*.*.*

$ flutter pub get

import 'package:flutter_easyhub/flutter_easyhub.dart';

初始化 #

EasyHub.getInstance
 ..setBackgroundColor(Colors.black38)
 ..setCircleBackgroundColor(Colors.lightGreen)
 ..setValueColor(new AlwaysStoppedAnimation(Colors.black38));

OR


EasyHub hub = EasyHub(
   circlebackgroundColor: Colors.black38,
   circleValueColor: new AlwaysStoppedAnimation(Colors.teal),
   background: Colors.black38);
   // OR
 hub
   ..setParameter(
       background: Colors.black38,
       circleValueColor: new AlwaysStoppedAnimation(Colors.black38),
       circlebackgroundColor: Colors.lightGreen);
hub.show_hub(
   context: context, type: EasyHubType.EasyHub_msg, msg: 'loading');

// 隐藏
hub.dismiss_hub();
// OR
 EasyHub.dismiddAll();

隐藏所有 #

 EasyHub.dismiddAll();

展示文本 #


 EasyHub.show(context, 'loading');

展示HUB #

 EasyHub.showHub(context);

展示文本 + hub #

 EasyHub.showMsg(context, '加载文字展示');

展示错误 #

EasyHub.showErrorHub(context, '网络错误');

展示完成 #

EasyHub.showComplateHub(context, '下载完成');

具体使用例子 #

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutterdonghua/easy_hub.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List list = [
    'hide all',
    'default hub',
    'msg',
    'hub',
    'hub default',
    'msg 多行',
    'error hub',
    'complate hub',
    'line',
    'circle  easy out easy in',
    'circle  head to tail',
    '矩形翻转 flipingRect',
    '心跳 beattingCircle ',
    '单个 singlebeattingCircle',
    '竖条 跳动 beatingRects',
    '圆圈追逐 rotatingCircles',
    '圆圈追逐 rotatingDeformedCircles',
    '跳动的圆圈 rotatingDeformedCirclesRow',
    '追逐的矩形 rotatingTwoRect',
    '圆圈追逐 rotatingTwoCircles',
    '折叠矩形 foldingRect'
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        child: getList(),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

  Widget getList() {
    return new ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        return GestureDetector(
            onTap: () {
              show(index);
            },
            child: Container(
              height: 45,
              margin: EdgeInsets.only(top: 5, bottom: 5, left: 20, right: 20),
              color: Colors.black12,
              alignment: Alignment.center,
              child: Text(
                '${list[index]} ,idex:${index - 1}',
                style: TextStyle(
                  fontSize: 15,
                ),
              ),
            ));
      },
      itemCount: list.length,
    );
  }

  Timer t;
  void show(int index) {
    Navigator.of(context).push(new MaterialPageRoute(
        builder: (context) => NewPage(
              title: 'title',
            )));
    switch (index - 1) {
      case -1:
        EasyHub.dismiddAll();
        break;
      case 0:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_default;
        EasyHub.getInstance.setParameter(
          background: Colors.white,
        );
        EasyHub.show(context, '多行\nfgyong\n老师');
        break;
      case 1:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_default;
        EasyHub.getInstance.setParameter(background: Colors.white);

        EasyHub.showMsg(context, '单行哦 loading');
        break;
      case 2:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_default;
        EasyHub.getInstance.setParameter(background: Colors.white);

        EasyHub.showHub(context);
        break;
      case 3:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_CircularProgress;
        EasyHub.getInstance.setParameter(
            background: Colors.black38,
            circlebackgroundColor: Colors.white.withOpacity(0.5),
            circleValueColor: new AlwaysStoppedAnimation(Colors.white));

        EasyHub.show(context, '加载中。。');
        break;
      case 4:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_CircularProgress;
        EasyHub.getInstance.setParameter(background: Colors.black38);

        EasyHub.showMsg(
            context,
            'fgyong blog'
            '公众号：fgyong的开发日记 公众号：fgyong的开发日记 公众号：fgyong的开发日记'
            '公众号：fgyong的开发日记 公众号：fgyong的开发日记 公众号：fgyong的开发日记');
        break;
      case 5:
        EasyHub.getInstance.setParameter(background: Colors.black38);
        EasyHub.getInstance.textStyle = TextStyle(
            fontSize: 15, color: Colors.white, decoration: TextDecoration.none);
        EasyHub.showErrorHub(context, '网络错误');
        break;
      case 6:
        EasyHub.getInstance.setParameter(background: Colors.black38);
        EasyHub.showComplateHub(context, '下载完成');

        break;
      case 7:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_LineProgress;

        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.white),
            circlebackgroundColor: Colors.black38,
            background: Colors.black38);
        EasyHub.show(context, '正在下载。。。');

        break;
      case 8:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_CircularProgressEasyOutEasyIn;

        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.white),
            circlebackgroundColor: Color.fromRGBO(180, 180, 180, 1));
        EasyHub.showHub(context);
        break;

      case 9:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_CircularProgressEasy;
        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.lightBlue),
            circlebackgroundColor: Colors.white);

        EasyHub.showHub(context);
        break;

      case 10:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_singleFlipingRect;
        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.lightBlue),
            circlebackgroundColor: Colors.white,
            background: Color.fromRGBO(0, 0, 0, 0));

        EasyHub.showHub(context);
        break;
      //EasyHubIndicator_circleBeat
      case 11:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_beattingCircle;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Color.fromRGBO(1, 52, 255, 0.5)),
            circlebackgroundColor: Colors.white,
            background: Color.fromRGBO(0, 0, 0, 0));

        EasyHub.showHub(
          context,
        );
        break;
      case 12:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_singlebeattingCircle;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.orange.withOpacity(0.7)),
            circlebackgroundColor: Colors.orangeAccent,
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 13:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_beatingRects;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.lightBlueAccent),
            circlebackgroundColor: Colors.orangeAccent,
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 14:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_rotatingCircles;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.lightBlueAccent),
            circlebackgroundColor: Colors.orangeAccent,
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 15:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_rotatingDeformedCircles;
        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.pinkAccent),
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 16:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_rotatingDeformedCirclesRow;
        EasyHub.getInstance.setParameter(
            circleValueColor: new AlwaysStoppedAnimation(Colors.orangeAccent),
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 17:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_rotatingTwoRect;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.lightBlueAccent),
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 18:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_rotatingTwoCircles;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.lightBlueAccent),
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
      case 19:
        EasyHub.getInstance.indicatorType =
            EasyHubIndicatorType.EasyHubIndicator_foldingRect;
        EasyHub.getInstance.setParameter(
            circleValueColor:
                new AlwaysStoppedAnimation(Colors.lightBlueAccent),
            background: Color.fromRGBO(0, 0, 0, 0));
        EasyHub.showHub(context);
        break;
    }

    Future.delayed(Duration(seconds: 25)).then((v) {
//      EasyHub.dismiddAll();
//      Navigator.of(context).pop();
    });
  }

  double v = 0;
}

class NewPage extends StatefulWidget {
  NewPage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _NewPage createState() => _NewPage();
}

class _NewPage extends State<NewPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: WillPopScope(
          child: Container(
            color: Colors.white,
          ),
          // ignore: missing_return
          onWillPop: () async {
            EasyHub.dismiddAll();
            return true;
          }),
    );
  }
}

← Metadata

6
likes
0
pub points
50%
popularity

Publisher

unverified uploader

Metadata

easy for hub, When you do a lot of calculation, you need this animation. When you make a network error or finish downloading files, you also need this animation。

Homepage
Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_easyhub

Back