由于涉及到json处理,不懂得小伙伴可以参考我写的flutter处理json
效果图:
讲解图:
image.png
从讲解图上看我们的通讯录分三部分:
第一部分是悬浮索引。悬浮索引在垂直索引选中或者滚动的过程中,更换内容。
第二部分是人员列表。人员列表滚动的时候,悬浮索引也会跟着更换内容。
第三部分为垂直索引。垂直索引在滑动或者点选的时候悬浮索引会更换内容,人员列表页会跟着滚动。
在这个示例中我们用到的控件有:
1、stack,这个widget作为我们的主体布局。
2、GestureDetector,手势监听,监听拖拽行为。
3、ListView,用于布局人员列表。
具体实现,请看源代码
网友评论