826327700 / flutter_plugins_demo

挑选日常app开发常用的轮子分享出来，给大家提高搬砖效率，同时也希望flutter的生态越来越完善，轮子越来越多。

flutter_plugins_demo

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

IT界著名的尼古拉斯·高尔包曾说：轮子是IT进步的阶梯！热门的框架千篇一律，好用轮子万里挑一！Flutter作为这两年开始崛起的跨平台开发框架，其第三方生态相比其他成熟框架还略有不足，但轮子的数量也已经很多了。本系列文章挑选日常app开发常用的轮子分享出来，给大家提高搬砖效率，同时也希望flutter的生态越来越完善，轮子越来越多。

本仓库源码对应的文章

• flutter好用的轮子推荐一:列表动画

• flutter好用的轮子推荐二-点赞按钮动画

• flutter好用的轮子推荐三-超强轮播图Swiper

• flutter好用的轮子推荐四-可定制的图片预览查看器photo-view

• flutter好用的轮子推荐五-列表左右滑动带出按钮选项

• flutter好用的轮子推荐六-超好用的全局toast

• flutter好用的轮子推荐七-flutter圆形或线型进度条

• flutter好用的轮子推荐八-flutter一个超酷动画的底部tab栏

• flutter好用的轮子推荐九-flutter可定制的上下滑出抽屉

• flutter好用的轮子推荐十-flutter拖动排序元素

• flutter好用的轮子推荐十一-flutter文字动效组件

• flutter好用的轮子推荐十二-flutter一个全屏动效的抽屉组件

• flutter好用的轮子推荐十三-flutter可展开选项的浮动按钮

• flutter好用的轮子推荐十四-flutter将widget裁剪成各种自定义形状

• flutter好用的轮子推荐十五-flutter给滚动内容添加粘性header组件

• flutter好用的轮子推荐十六-flutter可自定义的评分组件

• flutter好用的轮子推荐十七-flutter可翻转的卡片组件

• flutter好用的轮子推荐十八-flutter液体效果的页面切换组件

• flutter好用的轮子推荐十九-flutter水波效果的进度器

• flutter好用的轮子推荐二十-flutter仿iPhone锁屏界面

• flutter好用的轮子推荐二十一-flutter制作刮刮卡效果

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

• Lab: Write your first Flutter app
• Cookbook: Useful Flutter samples

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

flutter_plugins_demo's Issues

第一个列表动画那个demo，ListView能支持无限添加子元素？

我把官方的生成名称列表的demo加入了你的列表动画，但是 itemCount没设置。 只有首屏的10条有动画， 后面addAll的全部没动画。

Widget _buildSuggestions() {

    return new ListView.builder(
      padding: const EdgeInsets.all(16.0),
      // 对于每个建议的单词对都会调用一次itemBuilder，然后将单词对添加到ListTile行中
      // 在偶数行，该函数会为单词对添加一个ListTile row.
      // 在奇数行，该函数会添加一个分割线widget，来分隔相邻的词对。
      // 注意，在小屏幕上，分割线看起来可能比较吃力。
      itemBuilder: (context, i) {
        // 在每一列之前，添加一个1像素高的分隔线widget
        if (i.isOdd) return new Divider();

        // 语法 "i ~/ 2" 表示i除以2，但返回值是整形（向下取整），比如i为：1, 2, 3, 4, 5
        // 时，结果为0, 1, 1, 2, 2， 这可以计算出ListView中减去分隔线后的实际单词对数量
        final index = i ~/ 2;
        // 如果是建议列表中最后一个单词对
        if (index >= _suggestions.length - 1) {
          // ...接着再生成10个单词对，然后添加到建议列表
          _suggestions.addAll(generateWordPairs().take(10));
        }
        return AnimationConfiguration.staggeredList(
          position: index,
          duration: const Duration(milliseconds: 1000),
          child: SlideAnimation( //滑动动画
            verticalOffset: 50.0,
            child: FadeInAnimation( //渐隐渐现动画
              child: _buildRow(_suggestions[index]),
            ),
          ),
        );
      }
    );
  }

网站挂了

能不能双击，或者单击打开，不用拖动

咱们现在弹出框只能拖动打开嘛？

liquid_swipe: ^1.3.0 会报错

liquid_swipe: ^1.3.0 会报错
../../../environment/flutter/.pub-cache/hosted/pub.flutter-io.cn/liquid_swipe-1.3.0/lib/liquid_swipe.dart:209:20: Error: 'Page' is imported from both 'package:flutter/src/widgets/navigator.dart' and 'package:liquid_swipe/page.dart'.
child: Page(
原因是 liquid_swipe的Page和navigator的Page名字冲突了
建议写成： liquid_swipe: 1.5.0

不过如果之前如果引入过1.5.0版本， 这里写liquid_swipe: ^1.3.0 不会报错，因为本地有1.5.0版本

flutter好用的轮子推荐七-flutter圆形或线型进度条

怎么实现圆角矩形进度条呢？ 可以加载动态数据吗？