개발자로그19 Flutter Widget 사용법2 (Route) 안녕하세요 무사도입니다. 지난 글에서 우리는 Flutter 의 "버튼"과 "Text"에 대해서 알아봤습니다. 2021.11.23 - [개발자로그/Flutter] - Flutter Widgets 사용법 (Button) 사용법 이어서 또하나의 위젯인 route 를 설명해 보고자 합니다. 1. route 화면을 구성하는 하나의 Page 단위의 Widget 입니다. - android의 activity, iOS 의 ViewController 와 같습니다. - 다들 아시겠지만 모바일 앱에서는 화면이 하나이기 때문에 뷰 전환이 필연적으로 일어납니다. - 이것을 도와 주는 위젯은 Navigator 입니다. 2. Route 안에 각 Widget 을 배치 하고 표시 합니다. 3. Naviagtor 의 Push 와 Pop .. 2021. 11. 30. Flutter Widgets 사용법 (Button) 사용법 안녕하세요 무사도입니다. 오늘은 Flutter Widget 중 버튼에 대해서 알아보겠습니다. 1.Flutter 에서 주로 쓰이는 버튼은 세 종류가 존재 합니다. 1-1. TextButton(과거의 FlatButton) 1-2. ElevatedButton(과거에 Raised Button) 1-3. OutlinedButton 2.참고 사이트 https://material.io/components/buttons#anatomy 아무런 theme 나 색을 지정하지 않을경우 메인 테마의 색을 따라 하게 됩니다. 우선 첫번째로 1. TextButton (과거에 Flat Button) 은 기본적으로 바탕에 영역에 대한 표시가 없이 버튼이 나타납니다. 기본 사용 방법은 아래와 같습니다. 1.기본 용법 TextButton.. 2021. 11. 23. Flutter 개발 관련 IDE 소개 안녕하세요 무사도입니다. 오늘은 Flutter 개발관련해서 도움을 드리는 IDE(Integrated Development Environment) 웹페이지 를 소개 해 드리려고 합니다. 이 IDE 는 웹에서 현재 무료로 사용할수 있는 https://flutlab.io/ FlutLab.io - Flutter IDE online Ideal tool for mobile development Modern developers will find their favorite coding toys here! Autocompletion, quick Flutter docs, GitHub, hot preview just to start counting... flutlab.io 처음 홈페이지에 접속했을때 다음과 같은 화면이 나타.. 2021. 11. 22. Stateless Widget VS Stateful Widget 안녕하세요 플러터를 한번 공부하면서 정리 하려고 합니다. 플러터는 Google에서 만든 Cross-Platform Framework 입니다. 하나의 코드를 기반으로 해서 모바일 플랫폼 앱(iOS/Android) 를 아울러 Desktop App 도 개발은 가능하나 많은 분들은 Mobile을 위해 개발 하실꺼로 보입니다. 윈도우 프로그래밍에서 윈도우는 모든것을 윈도우로 생각합니다. 윈도우 , 버튼, 텍스트필드 등이 그렇습니다. 이와 마찬가지로 플러터에서는 모든것이 Widget 입니다. (Widget : 작은 장치, 또는 부품을 뜻합니다.) 1. 위젯이란? 플러터에서의 Widget의 의미는 다음과 같습니다. 1-1. UI 구성의 모든것을 위젯 이라고 보면 될거 같습니다. 일반적으로 보는 Control(Butt.. 2021. 11. 15. 이전 1 2 3 4 5 다음
