반응형

anlaysis_options.yaml

 


main.dart

 


이미지 추가

  • assets 폴더(Directory) 생성 후 이미지 파일 넣기
  • pubspec.yaml 파일에 assets 폴더 선언

 

  • main.dart 에서 이미지 추가

 

  • appbar, body, bottomNavigationBar 추가


결과물

반응형

'- Flutter' 카테고리의 다른 글

[Flutter] 플러터 설치하기(+ window version 에러)  (0) 2023.02.18
반응형

다운로드

https://docs.flutter.dev/get-started/install/windows

 

Windows install

How to install on Windows.

docs.flutter.dev

zip파일 다운로드

위 페이지에서 OS 맞는 현재 버전의 zip파일을 다운로드 해줍니다.


  • c드라이브에 새로운 파일(flutterSDK) 생성 후 —> 압축해제 한 파일’flutter’ 붙여넣기.

flutterSDK


  • visual studio 2022 설치

Visual studio 2022

데스크톱 개발 워크로드 체크 후 설치 진행.


  • android studio SDK 설정(Tool - SDK Manager - Settings - SDK Tools —> Android SDK Command-line Tools (latest) 체크)

SDK Tool 화면


  • 커맨드라인 도구 설치 후 cmd창에서 flutter doctor --android-licenses 입력.
  • flutter폴더로 이동후 flutter doctor 입력.

+ 오류 발생시?

해당 오류가 발생했을 경우 아래의 절차를 따른다.

-> flutter channel master

-> flutter upgrade

 

이후 flutter doctor를 입력하면 해결이 됩니다.


plugins 설치

[File] - [Settings] - [Plugins]

Flutter 검색 후 설치


android studio에서 new flutter project 생성.

Flutter 실행화면

 

반응형

'- Flutter' 카테고리의 다른 글

[Flutter] 플러터 이미지 추가하기  (0) 2023.02.19

+ Recent posts