浅识Flutter 基本组件MaterialAPP的theme属性 app主题

浅识Flutter 基本组件MaterialAPP的theme属性 app主题

theme属性用于指定应用程序的主题(即共享颜色和字体样式)。

例如,需要将应用程序的备用主颜色设置为绿色、主题主色(即决定导航栏颜色)设置为红色、主愿次级色(即界面上大多数widgt的颜色,如进度条、开关第)设置为赏色等.

ThemeData属性及描述

创建主题的方法是将ThemeData提供给MaterialApp构造函数,这样就可以在整个应用程序中共享包含颜色和字体样式的主题
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

设置主题

theme: ThemeData(
          primarySwatch: Colors.yellow,

在这里插入图片描述

在各个页面内设置导航栏

 appBar: AppBar(title:Text('养心殿')),  /*设置导航栏*/

在这里插入图片描述

appBar: AppBar(title:Text('后宫')),  /*设置导航栏*/

在这里插入图片描述
因为全局主题设置颜色为黄色,所以两个页面的导航栏颜色都为黄色
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43336158/article/details/123450587