Flutter Candies 一桶天下，老师讲的真棒

| |

| — |

| |

|

|

|

|

|

|

|

|

|

| |

学习Flutter的一个途径就是模仿现有的App，在Flutter上面进行实现。这是一个从0搭建的网易云音乐。大家可以跟随着作者的思路一步步完成一个完整的Flutter项目。界面很舒服，功能持续更新中，大家快来收藏吧 掘金文章地址

仿微信长按弹出菜单

目前最好用的仿微信聊天长按弹出框，喜欢微信风格的小伙伴记得收藏起来掘金文章地址

caijinglong

低调，老乡，不能吃辣的四川人(偷笑.gif), 反正就很牛逼就是了。Flutter 小白鼠，任何新东西他都要去玩一下。我也跟着踩他填好的坑，在Flutter的路上一去不回。Pub 25个。。可怕。。都是高分作品

flutter_image_editor

flutter_image_editor可以说是低调为extended_image量身打造的原生插件，支持旋转裁剪翻转，extended_image负责图片编辑UI，flutter_image_editor提供原生裁剪图片数据能力。由于dart image库在处理图片的效率问题，原生库(期待纯C++库)就有了很大的优势(大图片可以有10倍速度的提升)。正是因为teamwork才能使flutter上面对于图片编辑处理最终达到一个完美的状态。

法的空间

法法，200，Flutter Candies 🍬 全家桶的楼主。在感受到大佬们的感化之后，也希望能帮助到更多的Flutter开发者。pub目前13个，属于项目中比较常用的组件。

extended_nested_scroll_view

做项目遇到的第一个遇到的问题就是官方的NestedScrollView，各方求证以及查看源码之后发现应该只是as design。如果你即将使用官方的NestedScrollView，强力建议先看一下，你必定会遇到下面的问题 掘金文章地址

问题1. NestedScrollView的Header中有锁定(Pinned=true)的Sliver组件的时候，body的滚动问题

其实官方对这个是有处理的，是通过SliverOverlapAbsorber包裹SliverAppbar,代码不上了，其实NestedScrollView的注释里面就有.

但是问题在，于如果header里面有多个pinned=true的sliver，我们该怎么处理了？为此我扩展了官方的组件。你可以通过设置pinnedHeaderSliverHeightBuilder回调来解决这个问题，在下面的代码中，pinnedHeaderHeight其实就是SliverAppbar最后折叠起来之后高度=状态栏高度+导航栏高度.如果你header中有其他锁定的sliver，你可以再把它们的高度加进去。

var pinnedHeaderHeight =

//statusBar height

statusBarHeight +

//pinned SliverAppBar height in header

kToolbarHeight;

return NestedScrollView(

pinnedHeaderSliverHeightBuilder: () {

return pinnedHeaderHeight;

},

问题2. NestedScrollView的body中TabView里面的列表会滚动同步互相影响

由于NestedScrollView内部里面有一个ScrollController，TabView里面的列表的ScrollPosition都将会attach到这个sc上面，在滚动其中一个的时候，同步全部的ScrollPositions。由于篇幅原因，我这里直接放之前的文章了。

问题3. 不能给body里面的列表设置ScrollController

由于body里面的列表必须共用同一个ScrollController，所以你是不能给列表单独设置ScrollController。如果设置了会导致内部的outer_scroll_controller和inner_scroll_controller无法协同工作。

大家想使用ScrollController无非3点。

1.下拉刷新，已提供demo

2.加载更多，已提供demo

3.控制列表滚动，已将属性暴露出来

使用常见问题

• 组件名字跟官方相同，所以当你们使用的时候，记住屏蔽掉官方的(太大胆了)

import ‘package:flutter/widgets.dart’ hide NestedScrollView;

• 对NestedScrollView不熟悉 这个建议先百度下，熟悉了官方的使用方式之后，再来看这些官方未解决的问题。

extended_image