本文详细介绍了 Flutter 中 IndexedStack 的使用，通过源码分析、效果实现和优化策略，展示了如何在移动应用中实现页面切换。同时，文章提到了使用 IndexedStack 结合 BottomNavigationBar 实现底部导航，并讨论了优化 IndexedStack 建立页面时减少不必要的重建方法。
| index:0 | index:1 | index:2 |
|---|---|---|
 |
 |
 |
上面我们调整不同的 index 只显示出来了一个子项 Widget，如果我们把 IndexedStack 换成 Stack 则会显示成如下效果。
IndexedStack 源码
- alignment 对齐方式
- sizing 填充方式
- index 显示子项索引
- children 子项集合
本篇主要聊 index 和 children ，其他的 alignment、sizing 可以稍后转看专栏中 Stack 详解篇，我们开始看看源码吧！
我们可以看到 IndexedStack 其实就是 Stack 的子类，对齐方式和填充方式都是直接传递到父类的，所以我们这篇只关心 index 即可。
效果实现
主体内容
我们先开始主体部分的布局，这里使用 IndexedStack ，添加一个 currentIndex 来记录当前子项索引，当我们改变 currentIndex 值后刷新即可实现切换页面效果啦。
/// IndexedStack 页面
cl
最低0.47元/天 解锁文章
861
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
