Una breve introducción al tema de la aplicación de atributos de tema de MaterialAPP, el componente básico de Flutter

Una breve introducción al tema de la aplicación de atributos de tema de MaterialAPP, el componente básico de Flutter

El atributo de tema se utiliza para especificar el tema de la aplicación (es decir, colores compartidos y estilos de fuente).

Por ejemplo, debe configurar el color principal alternativo de la aplicación en verde, el color principal del tema (es decir, para determinar el color de la barra de navegación) en rojo y el color secundario principal (es decir, el color de la mayoría de los widgets en la interfaz). , como barras de progreso, interruptores, etc.) Configure para disfrutar del color, etc.

Propiedad y descripción ThemeData

La forma de crear un tema es proporcionar ThemeData al constructor de MaterialApp para que el tema, incluidos los colores y los estilos de fuente, se pueda compartir en toda la aplicación.
inserte la descripción de la imagen aquíinserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

establecer tema

theme: ThemeData(
          primarySwatch: Colors.yellow,

inserte la descripción de la imagen aquí

Configurar la barra de navegación dentro de cada página

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

inserte la descripción de la imagen aquí

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

inserte la descripción de la imagen aquí
Debido a que el tema global establece el color en amarillo, el color de la barra de navegación de ambas páginas es amarillo.
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_43336158/article/details/123450587
Recomendado
Clasificación