class MyHomePage extends StatefulWidget {const MyHomePage({Key? key, required this.title}) : super(key: key);final String title;@overrideState<MyHomePage> createState() => _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> {int _counter = 0;void _changeIndex() {setState(() {_counter = (_counter+1) % 4;print(_counter);});}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text(widget.title),),body: Center(child: IndexedStack(index: _counter,children: [widgetOne(),widgetTwo(),widgetThree(),widgetFour(),],),),floatingActionButton: FloatingActionButton(onPressed: _changeIndex,tooltip: 'change index',child: const Icon(Icons.arrow_back),),);}
程序运行之后的效果如下:

文章插图
通过点击右下方的按钮,我们得到了不同的widget 。
总结IndexWidget和tab有点类似,大家可以在需要的时候使用 。
本文的例子:https://github.com/ddean2009/learn-flutter.git
更多内容请参考 www.flydean.com
最通俗的解读,最深刻的干货,最简洁的教程,众多你不知道的小技巧等你来发现!
欢迎关注我的公众号:「程序那些事」,懂技术,更懂你!
经验总结扩展阅读
- 壬水女和庚金男家庭富裕 天选命定之人
- 食神格男和正印格女 天作之合享荣华
- 食神格女命的婚姻配偶 有旺夫之相运程上等
- 情侣之间做不到坦荡相处的星座配对
- 插拔式 Django之同时新增数据到两个数据库表与同时返回两个表的数据
- 微服务系列之分布式日志 ELK
- 快速安装 服务器之Apollo单机部署
- 月圆之夜镜中的记忆全成就攻略是什么
- 有活化石之称的野生动物是
- 中国的世界之最