我有两个 ListViews
使用 TabController
在 TabBarView
内呈现。
如何在每个 ListView
之间保留状态(因为没有更好的词),以便:1.) 小部件不会重建和 2.) ListView
记住标签之间的位置。
class AppState extends State<App> with SingleTickerProviderStateMixin {
TabController _tabController;
@override
void initState() {
super.initState();
_tabController = new TabController(
vsync: this,
length: _allPages.length,
);
}
@override
void dispose() {
_tabController.dispose();
super.dispose();
}
Widget _buildScaffold(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('headlines'),
bottom: new TabBar(
controller: _tabController,
isScrollable: true,
tabs: _allPages
.map((_Page page) => new Tab(text: page.country))
.toList()),
),
body: new TabBarView(
controller: _tabController,
children: _allPages.map((_Page page) {
return new SafeArea(
top: false,
bottom: false,
child: new Container(
key: new ObjectKey(page.country),
child: new Newsfeed(country: page.country),
),
);
}).toList()),
);
}
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'news app',
home: _buildScaffold(context),
);
}
}
https://media.giphy.com/media/2ysWhzqHVqL1xcBlBE/giphy.gif
最佳答案
如果您想在 TabBarView
中保留屏幕状态,可以在 State 类中使用名为 AutomaticKeepAliveClientMixin
的混合类。
之后你必须重写 wantKeepAlive
方法并返回 true
。
我在这里写了一篇文章:https://medium.com/@diegoveloper/flutter-persistent-tab-bars-a26220d322bc
https://stackoverflow.com/questions/49087703/