Search

colorScheme

Problem [Apply Material Theme]
One of the most challenging part of designing is choosing colors for the model. In this case, there are website called Material Theme Builder to aid this problem.
Instruction
1.
2.
click Custom
3.
click Export
4.
choose Flutter (Dart) and download it
5.
Copy the file /Downloads/material-theme/color_schemes.g.dart
a.
main.g.dart is a sample demonstrating app (don’t need)
6.
Paste it under /lib/color
7.
import the pasted file and define it under ThemeData
import 'package:check/color/color_schemes.dart'; // import 'package:check/screen/home_screen.dart'; // import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( theme: ThemeData( // useMaterial3: true, colorScheme: lightColorScheme, // can use lightColorScheme or darkColorScheme ), home: HomeScreen(), ), // MaterialApp ); }
Dart
복사

Reference

너무 쉬운 Flutter Material 3 디자인 적용
이번 영상은 #MaterialDesign3 를 #Flutter 에 적용하는 방법을 소개합니다. 이 영상에 등장하는 사이트 링크 - https://m3.material.io/ - https://material-foundation.github.io/material-theme-builder/ 소스코드 https://github.com/junsuk5/material3_guide ► Flutter 입문 : - 오준석의생존코딩 : https://survivalcoding.com/p/flutter - 인프런 : https://www.inflearn.com/course/flutter-%EC%9E%85%EB%AC%B8?inst=ddea5cfe - 구름 : https://edu.goorm.io/lecture/11572/flutter-%EC%9E%85%EB%AC%B8-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-ios-%EA%B0%9C%EB%B0%9C%EC%9D%84-%ED%95%9C-%EB%B2%88%EC%97%90 ► Flutter 중급 : - 오준석의생존코딩 : https://survivalcoding.com/p/flutter2 - 인프런 : https://www.inflearn.com/course/flutter_%EC%A4%91%EA%B8%89?inst=cf364035 ► Flutter 응용 : - 오준석의생존코딩 : https://survivalcoding.com/p/flutter-api-mvvm - 인프런 : https://www.inflearn.com/course/flutter-%EA%B3%B5%EA%B3%B5-api-%EC%95%B1-%EC%9D%91%EC%9A%A9?inst=3832af30 ► 모던 안드로이드 - Kotlin과 Jetpack 활용 : - 오준석의생존코딩 : https://survivalcoding.com/p/jetpack - 인프런 : https://www.inflearn.com/course/%EB%AA%A8%EB%8D%98-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%BD%94%ED%8B%80%EB%A6%B0-%EC%A0%9C%ED%8A%B8%ED%8C%A9?inst=2fcb57c3 ► Java 디자인패턴 : - 오준석의생존코딩 : https://survivalcoding.com/p/d791b3 - 인프런 : https://www.inflearn.com/course/%EC%9E%90%EB%B0%94-%EB%94%94%EC%9E%90%EC%9D%B8%ED%8C%A8%ED%84%B4?inst=df53c6d2 — 책을 선호하나요? Android와 iOS를 동시에 개발하는 크로스 플랫폼에 관심이 있다면 2020 세종도서 학술부문 선정! ► 플러터 생존코딩 : http://www.yes24.com/Product/Goods/87664198 안드로이드를 제대로 배우고 싶다면. 2018 세종도서 학술부문 선정! ► 될 때까지 안드로이드 : http://www.yes24.com/Product/Goods/59298937 코틀린도 배우고 안드로이드는 간단히 맛을 보고 싶다면. 예제 중심! ► 안드로이드 생존코딩 코틀린편 : http://www.yes24.com/Product/Goods/64494679 Material 3 소개 (00:00) Material Theme Builder (02:20) 테마 적용 (04:00) 시스템 설정에 따른 테마 자동 변경 (06:11) 네비게이션 바(08:05)