flutter - 如何改变主题数据？

Question

class _NavigationBarState extends State<NavigationBar> {
  int _currentIndex = 0;
  final List<Widget> tabs = [
    CustomerAccountPage(),
    HomePage(),
    AppInforamtionPage(),
    CategoriesPage(),
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.light().copyWith(
        primaryColor: Colors.amber,
        accentColor: Colors.black
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        bottomNavigationBar: BottomNavigationBar(
          showUnselectedLabels: true,
            unselectedItemColor: Theme.of(context).primaryColor,
            selectedItemColor: Theme.of(context).accentColor,
            currentIndex: _currentIndex,
            items: [
              BottomNavigationBarItem(
                icon: Icon(Icons.home),
                title: Text("account"),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.play_for_work),
                title: Text("shop"),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.all_out),
                title: Text("more info "),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.all_out),
                title: Text(" categories"),
              ),
            ],
            onTap: (index) {
              setState(() {
                _currentIndex = index;
              });
            }),
       
          ),
          centerTitle: true,
          backgroundColor: Colors.white,
        ),
        body: tabs[_currentIndex],
        floatingActionButton: FloatingActionButton(onPressed: null, backgroundColor: Theme.of(context).primaryColor,),
      ),
    );
  }
}

我正在使用flutter，并尝试设置主题数据，但是它不起作用。
我试图以这种方式更改主题，但是我在应用程序中看不到结果，我不知道出了什么问题，任何人都可以帮我!
stackoverflow想让我解释更多，但是我没有其他要解释的了，谢谢!

Answer 1

Theme.of(context).primaryColor中使用的上下文不是正确的上下文。您需要将MaterialApp放在另一个包装当前小部件的小部件中，例如，

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.light()
          .copyWith(primaryColor: Colors.amber, accentColor: Colors.black),
      home: NavigationBar(),
    );
  }
}

以及 build的 _NavigationBarState方法:

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      bottomNavigationBar: BottomNavigationBar(
          showUnselectedLabels: true,
          unselectedItemColor: Theme.of(context).primaryColor,
          selectedItemColor: Theme.of(context).accentColor,
...