从零开始写第一个Flutter app（八）——修改主题颜色

目录

• 从零开始写第一个Flutter app（一）——Hello World
• 从零开始写第一个Flutter app（二）——引用第三方包
• 从零开始写第一个Flutter app（三）——有状态的部件StatefulWidget
• 从零开始写第一个Flutter app（四）——无限滑动的ListView
• 从零开始写第一个Flutter app（五）——ListView添加图标
• 从零开始写第一个Flutter app（六）——添加点击事件交互
• 从零开始写第一个Flutter app（七）——弹出toast
• 从零开始写第一个Flutter app（八）——修改主题颜色
• 从零开始写第一个Flutter app（九）——route跳转新页面
• 从零开始写第一个Flutter app（十）——最终代码

在前面的教程中我们都没有设theme主题，所以目前主题的颜色一直是默认的蓝色，如下图所示

今天呢就教大家Flutter开发中如何配置主题及设置主题的颜色

修改MyApp类，在MaterialApp中新增配置theme属性，这里我吧主题颜色设置成白色

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Startup Name Generator',
      theme: ThemeData(          // Add the 3 lines from here...
        primaryColor: Colors.white,
      ),
      home: RandomWords(),
    );
  }
}

OK，就这么简单，Hot reload重新刷新下UI就可以看到AppBar背景变成白色的了，如下图所示