1. result If the user presses the 'home' button, then the screen shows the sentence of 'this is the home screen'. Whenever user presses each button, the screen changes with the appropriate sentence. Console shows the button number when the user presses the each button. 2. code body: [Center(child: Text('this is the home screen', style : Theme.of(context).textTheme.bodyText1)),Center(child: Text(..

1. result 2. how to make? 1) code bottomNavigationBar: BottomNavigationBar( type:BottomNavigationBarType.fixed, backgroundColor: Colors.pink, selectedItemColor: Colors.white, unselectedItemColor: Colors.white54, items:const [ BottomNavigationBarItem( icon:Icon(Icons.home_outlined), label : 'home' ), BottomNavigationBarItem( icon:Icon(Icons.shopping_bag_outlined), label : 'cart' ), BottomNavigati..

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. 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..

오늘은 플러터가 제대로 설치되었는지 flutter doctor를 통해 확인하고 프로젝트를 직접 생성해보려한다. (1번은 flutter doctor 이야기니 플러터 프로젝트 시작 방법만 알고자하는 분들은 밑으로 쭉 내려가 '2. 플러터 새 프로젝트 생성하기' 참고) 1. Flutter doctor 로 플러터 검사하기 1) 창 열기 검색창에 cmd 혹은 명령프롬프트를 검색해 프롬프트 창을 연다. 2) flutter doctor 시행 그냥 바로 cmd 창 열리자마자 flutter doctor를 치고 엔터를 누른다. 이때 flutter랑 doctor 사이에만 한번의 띄어쓰기가 있다. flutter doctor 3) 안드로이드 라이센스 Android License 허용 만일 안드로이드 부분에서 체크가 안되어있고 ..

1. 환경변수 편집기 열기 1) 검색 프로그램 검색창 혹은 아래와 같은 검색란에 '시스템 환경변수'를 검색한다. 2) 창 열기 시스템 환경변수 편집 창이 뜨면 열기 버튼을 누르거나 더블 클릭한다. 3) 환경변수 누르기 환경변수편집기에서 환경변수 버튼을 클릭한다. 2. 환경변수 편집하기 1) 사용자 변수 상단의 사용자 변수 중 'PATH' 혹은 'path'를 클릭하고 편집 버튼을 누르면 기존에 등록된 경로들을 모아둔 환경변수 편집창이 열린다. 2) Flutter 경로추가 새로 만들기 버튼을 누르고, Flutter를 설치했던 파일 중 bin 폴더가 있는 파일 경로를 찾아 복사하고 붙여넣은 후 확인 버튼을 누르면 된다. * 주의 이때, flutter 폴더 경로는 사용자 마다 다르므로 해당 화면의 경로를 붙여넣..