如何使用TabBar的主题?
how to use the theme of TabBar?
我为 TabBar 创建了一个主题,它是:
class AppWidget extends StatelessWidget {
const AppWidget();
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
tabBarTheme: TabBarTheme(
unselectedLabelColor: Colors.black, // and so on
),),
home: const HomePage(),
);},);}
}
当我使用 TabBar 时,我创建的主题没有实现。如何在 TabBar 实现中使用上面的 TabBar 主题?
TabBar的代码为:
class HomeCustomAppBar extends StatelessWidget with PreferredSizeWidget {
@override
Widget build(BuildContext context) {
return Container(
child: AppBar(
// how to get the TabBar Theme here?
bottom:TabBar([]),
),
);
}
@override
Size get preferredSize => Size.fromHeight(140);
}
理想情况下,您不需要直接使用 TabBarTheme
它应该在 ThemeData 中设置后自动应用于所有 TabBar。不过,如果您仍然希望访问它,您可以使用 :
TabBarTheme.of(context)
我为 TabBar 创建了一个主题,它是:
class AppWidget extends StatelessWidget {
const AppWidget();
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
tabBarTheme: TabBarTheme(
unselectedLabelColor: Colors.black, // and so on
),),
home: const HomePage(),
);},);}
}
当我使用 TabBar 时,我创建的主题没有实现。如何在 TabBar 实现中使用上面的 TabBar 主题?
TabBar的代码为:
class HomeCustomAppBar extends StatelessWidget with PreferredSizeWidget {
@override
Widget build(BuildContext context) {
return Container(
child: AppBar(
// how to get the TabBar Theme here?
bottom:TabBar([]),
),
);
}
@override
Size get preferredSize => Size.fromHeight(140);
}
理想情况下,您不需要直接使用 TabBarTheme
它应该在 ThemeData 中设置后自动应用于所有 TabBar。不过,如果您仍然希望访问它,您可以使用 :
TabBarTheme.of(context)