我刚学习Flutter,对于如何使用TabController感到困惑。我按照官方网站上描述的步骤进行了操作,但是出现了一个错误,我不知道该如何解决。
我只想在切换选项卡时更改AppBar的标题和Leading。
final List<ChangeTitleAndLeading> _data = [
new ChangeTitleAndLeading(title: "Home", leading: Icon(Icons.home)),
new ChangeTitleAndLeading(title: "Profile", leading: Icon(Icons.person)),
new ChangeTitleAndLeading(title: "Friends", leading: Icon(Icons.people))
];
ChangeTitleAndLeading _handler;
TabController _controller;
@override
void initState() {
super.initState();
_checkEmailVerification();
_controller = TabController(vsync: this, length: 3);
_handler = _data[0];
_controller.addListener(_handleSelected);
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
void _handleSelected() {
setState(() {
_handler = _data[_controller.index];
});
}
return MaterialApp(
theme: new ThemeData(
primarySwatch: Colors.teal,
),
home: new Scaffold(
appBar: new AppBar(
leading: Icon(Icons.home),
title: new Text("Home"),
bottom: new TabBar(
controller: _controller,
tabs: _tabs,
),
),
body: TabBarView(
controller: _controller,
children: _pages,
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
print('Current Index: ${_handler.title}');
}
),
class ChangeTitleAndLeading {
final String title;
final Widget leading;
ChangeTitleAndLeading({
@required this.title,
@required this.leading
}) :
assert(title != null),
assert(leading != null);
}
错误日志:
错误日志: I/flutter (19638): TabBarView没有TabController。 I/flutter (19638): 当创建TabBarView时,必须使用“控制器”属性提供显式的TabController,或者您必须确保在TabBarView上方存在一个DefaultTabController。 I/flutter (19638): 在这种情况下,既没有显式控制器也没有默认控制器。 ════════════════════════════════════════════════════════════════════════════════════════════════════
I/flutter (19638): 另一个异常抛出: TabBar没有TabController。
当我将以下代码更改为:
leading: _handler.leading,
和 title: new Text(_handler.title),
总是会返回错误 _handler.leading
或 _handler.title
为空