외로운 Nova의 작업실

Flutter 프로그래밍 - 1(hello world) 본문

Programming/Flutter

Flutter 프로그래밍 - 1(hello world)

Nova_ 2024. 1. 2. 18:05

오늘은 다트와 플루터를 다운로드하고 안드로이드 스튜디오에서 hello world를 빌드하고 안드로이드에서 실행시켜보겠습니다.

 

- flutter SDK 다운

https://docs.flutter.dev/get-started/install/windows/desktop?tab=download

 

Start building Flutter native desktop apps on Windows

Configure your system to develop Flutter desktop apps on Windows.

docs.flutter.dev

zip파일을 풀어서 사용자 디렉토리 밑에 풀어줍니다.

 

- android studio flutter 설치

플러터를 다운받아줍니다.

 

- Flutter SDK를 이용한 프로젝트 생성

New Flutter Project 선택후 아래와 같은 화면에서 왼쪽 하단에 Flutter를 선택해주고 SDK path를 설정해줍니다.

 

위 화면처럼 언어를 선택해줍니다.

 

- Hello world 앱 빌드

프로젝트 폴더 아래 lib 폴더가 있는데, 이 폴안에서 main.dart 파일이 있습니다. 이것이 dart의 main 파일입니다.

아래처럼 hello world 코드를 작성해줍니다.

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Text(
          'Hello World',
        ),
      ),
    )
  );
}

 

- 실제 기기로 실행

 

 

왼쪽 맨 위에 Hello world 문자가 보입니다.

 

- 오류 해결

원래 Android Studio를 사용하던 사람은 .gladle 파일이 이미 존재해서 Exception in thread "main" java.util.zip.ZipException: zip END header not found 오류가 뜰 수 있습니다. 이문제를 해결하려면 아래 페이지를 참조하면됩니다.

https://chamomilecode.tistory.com/9

 

[플러터 에러 Q&A] Exception in thread "main" java.util.zip.ZipException: zip END header not found

에러로그: Launching lib\main.dart on AOSP on IA Emulator in debug mode... Running Gradle task 'assembleDebug'... Exception in thread "main" java.util.zip.ZipException: zip END header not found at java.base/java.util.zip.ZipFile$Source.zerror(ZipFile.ja

chamomilecode.tistory.com

 

 

Comments