Flutter의 기본 컴포넌트인 MaterialAPP의 테마 속성 앱 테마에 대한 간략한 소개

Flutter의 기본 컴포넌트인 MaterialAPP의 테마 속성 앱 테마에 대한 간략한 소개

theme 속성은 애플리케이션의 테마를 지정하는 데 사용됩니다(즉, 공유 색상 및 글꼴 스타일).

예를 들어, 애플리케이션의 대체 기본 색상을 녹색으로, 테마 기본 색상(즉, 탐색 모음 색상을 결정하기 위해)을 빨간색으로, 기본 보조 색상(즉, 인터페이스에 있는 대부분의 위젯 색상)을 설정해야 합니다. , 진행률 표시줄, 스위치 등) 색상 등을 즐길 수 있도록 설정합니다.

ThemeData 속성 및 설명

테마를 만드는 방법은 MaterialApp 생성자에 ThemeData를 제공하여 색상과 글꼴 스타일을 포함한 테마가 애플리케이션 전체에서 공유될 수 있도록 하는 것입니다.
여기에 이미지 설명 삽입여기에 이미지 설명 삽입
여기에 이미지 설명 삽입

테마 설정

theme: ThemeData(
          primarySwatch: Colors.yellow,

여기에 이미지 설명 삽입

각 페이지 내 탐색 모음 설정

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

여기에 이미지 설명 삽입

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

여기에 이미지 설명 삽입
글로벌 테마는 색상을 노란색으로 설정하므로 두 페이지의 탐색 모음 색상은 노란색입니다.
여기에 이미지 설명 삽입
여기에 이미지 설명 삽입

추천

출처blog.csdn.net/qq_43336158/article/details/123450587