1. 플러터 theme 설명 상위 위젯에서 테마를 통해 설정해둔 색이 있더라도, 하위 위젯에서 해당 아이템에 직접적으로 색을 준다면 그 색을 우선으로 보여준다. 2. 플러터 color theme 예제 1) 전체 app bar 색 : 노란색 void main() { //stl 상위로 material 있어야 좋음 runApp( MaterialApp( theme: ThemeData( appBarTheme: const AppBarTheme(color:Colors.yellow), ), home:const MyApp())); } 2) 전체 아이콘 색 : 라임색 void main() { //stl 상위로 material 있어야 좋음 runApp( MaterialApp( theme: ThemeData( appBarTh..

1. 전체코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(), ); } } class MyHo..

1. list tile 여러개 만들기 위해 list view.builder 활용하기 1) 실행화면 2) 코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatefulWidget { const MyApp({Key? key}) : super(key: key); @override State createState() => _MyAppState(); } class _MyAppState extends State { var nameset = ['julia', 'isabel', 'david', 'sun', 'laura']; @override Widget build(BuildContex..

1. 구현 화면 2. 전체 코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const KeyboardMaking(), ); ..

1. 플러터 좋아요 개수 업데이트 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(), ); } }..

1. 앱바에 아이콘 appbar 왼쪽에는 leading, 오른쪽에는 actions [] 를 사용해 아이콘들을 넣을 수 있다. 이때 actoins 안에는 IconButton의 형태로 아이콘이 들어간다. appBar: AppBar( title: const Text('앱바 부분'), centerTitle: true, actions: [ IconButton( onPressed: () { // --- }, icon: const Icon(Icons.shopping_cart), ), IconButton( onPressed: () { // --- }, icon: const Icon(Icons.search), ), ], ), 2. Drawer scaffold 안에서 appbar, body, bottomnavigation..