Flutter开发之——可滑动组件，年薪超过80万

scrollDirection②

| 属性 | 说明 |

| :-: | :-: |

| horizontal | 水平方向滚动 |

| vertical | 垂直方向滚动 |

physics③

| 属性 | 说明 |

| :-: | :-: |

| AlwaysScrollableScrollPhysics | 总是可以滑动 |

| NeverScrollableScrollPhysics | 禁止滚动 |

| BouncingScrollPhysics | 内容超过一屏 上拉有回弹效果 |

| ClampingScrollPhysics | 包裹内容 不会有回弹 |

三 构造方式创建GridView

---

3.1 代码

//State

ScrollController _gridViewController;

//State

@override

void initState() {

super.initState();

_gridViewController = ScrollController()

…addListener(() {

print(‘${_gridViewController.position}’);

});

}

//Widget build(BuildContext context)

GridView(

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

children: List.generate(50, (position) {

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[position % Colors.primaries.length],

child: Text(“$position”),

);

}),

)

3.2 效果图

3.3 ScrollController打印结果

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 72.8, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 77.2, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 83.2, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

四 快速创建方式：build，custom，count，extent

---

4.1 GridView.build

构建必须属性

• itemBuilder是构建子控件

• itemCount指定数据个数

代码

GridView.builder(

itemCount: 10,

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

itemBuilder: (context,index){

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[index % Colors.primaries.length],

child: Text(“$index”),

);

},

)

4.2 GridView.custom

构建必须属性

• childrenDelegate：提供子组件构建的代理，有SliverChildBuilderDelegate和SliverChildListDelegate可用于快速构建

快速构建代码

SliverChildBuilderDelegate方式

GridView.custom(

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

childrenDelegate: SliverChildBuilderDelegate((context,index){

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[index % Colors.primaries.length],

child: Text(“$index”),

);

},childCount: 10) ,

)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

总结

这次面试问的还是还是有难度的，要求当场写代码并且运行，也是很考察面试者写代码
因为Android知识体系比较庞大和复杂的，涉及到计算机知识领域的方方面面。在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

d初级——Android高级架构师进阶必备的一些学习技能。**

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）
[外链图片转存中…(img-MTdxGCNu-1711650262406)]
里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录