Flutter로 Android 앱을 만들고 싶습니다.

지금까지 만들어 익숙한 브라우저 앱 외에도 Android 앱을 만들 수 있다면 개발의 폭이 더욱 넓어지는 것 같아서 해 보겠습니다.
Flutter 를 사용해 본 계의 기사는 이미 산만큼 있습니다만, 공부의 의미를 겸해 해 보려고 생각합니다.

Flutter 공식 사이트의 Get Started 에 따라 진행해 보겠습니다.

Flutter 설치

이 페이지 에서 운영 체제에 맞는 Flutter를 설치합니다.

편집기 설치 및 설정

이번에는 Android Studio라는 편집기를 사용합니다.
여기 에서 다운로드하여 설치합니다.

설치가 끝나면 편집기에 Flutter 플러그인을 설치합니다.
Android Studio를 열고 Welcome to Android Studio 화면에서 Configure > Plugins로 이동합니다.
검색 화면이 나타나면 flutter를 입력하고 맨 위에 나오는 Flutter Install을 클릭합니다.



(이 때 Dart 플러그인도 함께 설치됩니다.)

설치가 끝나면 IDE를 다시 시작합니다.

새 프로젝트 만들기

Welcome to ... 화면이 다시 나타나면 Create New Flutter Project를 클릭합니다.

Flutter Application이 선택되어 있는지 확인하고 Next를 클릭합니다.

Flutter SDK Path에 설치된 Flutter의 경로를 지정합니다.



프로젝트 이름과 설명을 지정하고 다음을 클릭합니다.

다음 화면은 아무 작업도 수행하지 않고 Finish를 클릭합니다.



프로젝트 작성이 시작되므로 잠시 기다려주십시오.

프로젝트 실행

편집기 상단의 메뉴에서 Tools > AVD Manager를 선택합니다.



가상 장치 목록이 표시되므로 목록이 있으면 Actions 시작 아이콘을 클릭하여 가상 장치를 시작합니다.



그렇지 않은 경우 아래의 Create Virtual Device...를 선택하여 가상 장치를 만들고 시작합니다.

그러면 화면 오른쪽 상단의 툴바에 방금 지정한 장치가 표시됩니다.
그 상태에서 시작 아이콘을 클릭합니다.



시작했습니다. 오른쪽 하단의 +를 누르면 카운트 업합니다.

핫 리로드 시도

Flutter는 앱을 다시 시작하지 않고도 코드 수정을 반영할 수 있는 핫 리로드를 제공합니다.

여기에서는 main.dart 의 97 행째를 이하와 같이 수정해, 문언을 변경해 보겠습니다.

-             'You have pushed the button this many times:',
+             'You have clicked the button this many times:',

저장하고 화면을 확인하면 문장이 바뀌고 있음을 알 수 있습니다.

계속

이번에 Flutter 를 간단하게 접해 보았습니다만, Flutter 공식에서는, 이 후 Hello world 를 표시하는 처리를 작성하는 것이나, 튜토리얼이 몇 종류인가 준비되어 있으므로, 또 나중에 해 보고 싶습니다 .
여러분도 꼭 해보세요.