Flutter에서 Windows 앱을 템플릿에서 생성하고 시작해 봅시다.
3431 단어 VisualStudioFlutterWindows10
※2020/08/08 에서의 이야기입니다. 현재 최신 Flutter와 다릅니다.
최신에 맞춘 것은 나중에 쓰자…
Flutter 공식이 준비해 주는, 앱의 샘플을 기동하는 곳까지.
Electron 같은 모양으로 기동해 표시되는 것 같다.
Win32-based이니까, 다르겠지…
조금 시도한 느낌이라고 보통의 앱처럼 보인다.
.exe 단체로 기동할 수 있는 형태에는, 지금은 되지 않는 것 같다.
테크니컬 리뷰인 것 같아서, 앞으로도 기대.
나중에 UWP에 대응한다고도 쓰고있는 것 같고.
Flutter로 Windows 앱 템플릿 만들기
샘플 템플릿을 생성할 폴더로 이동
flutter create로 작성하기만 하면 됩니다.
.는 현재 디렉토리를 지정합니다.
C:\src> mkdir FlutterSample01
C:\src> cd FlutterSample01
C:\src\FlutterSample> flutter create .
↓이런 느낌의 메시지가 된다.
Running "flutter pub get" in FlutterSample... 1.6s
Wrote 91 files.
All done!
[√] Flutter: is fully installed. (Channel master, 1.21.0-8.0.pre.109, on Microsoft Windows [Version 10.0.18363.997],
locale ja-JP)
[√] Android toolchain - develop for Android devices: is fully installed. (Android SDK version 29.0.2)
[√] Visual Studio - develop for Windows: is fully installed. (Visual Studio Community 2019 16.3.10)
[√] Android Studio: is fully installed. (version 4.0)
[√] Connected device: is fully installed. (1 available)
In order to run your application, type:
$ cd .
$ flutter run
Your application code is in .\lib\main.dart.
WARNING: The Windows tooling and APIs are not yet stable. You will likely need to re-create the "windows" directory
after future Flutter updates.
C:\src\FlutterSample>
샘플 시작하기
flutter run을 실행하기만 하면 됩니다.
C:\src\FlutterSample>flutter run
↓이런 화면이 된다. +를 클릭하면 카운트가 증가한다.
이 샘플 자체도, 내용적으로는 Android/iOS용과 같은 샘플 프로그램의 내용이 되고 있다.
그래서, lib\main.dart 의 내용이 실행되고 있는 것은 함께.
멋지다. Windows에서도 같은 소스로 쓸 수 있어.
Hot Reload 란 어떨까요?
아직 시도하지 않았기 때문에 모르지만 Windows에서 동일한 것을 시작할 수있는 시점에서,
내 안에서는 충분해. 확인하기 쉽고.
다른 환경에서 이동하려면 어떻게 해야 합니까?
어디까지나, 현시점(2020/08/08 19:27) 시점에서의 이야기이지만.
다른 환경에서 움직이려면 다음이 필요합니다.
C:\src> mkdir FlutterSample01
C:\src> cd FlutterSample01
C:\src\FlutterSample> flutter create .
Running "flutter pub get" in FlutterSample... 1.6s
Wrote 91 files.
All done!
[√] Flutter: is fully installed. (Channel master, 1.21.0-8.0.pre.109, on Microsoft Windows [Version 10.0.18363.997],
locale ja-JP)
[√] Android toolchain - develop for Android devices: is fully installed. (Android SDK version 29.0.2)
[√] Visual Studio - develop for Windows: is fully installed. (Visual Studio Community 2019 16.3.10)
[√] Android Studio: is fully installed. (version 4.0)
[√] Connected device: is fully installed. (1 available)
In order to run your application, type:
$ cd .
$ flutter run
Your application code is in .\lib\main.dart.
WARNING: The Windows tooling and APIs are not yet stable. You will likely need to re-create the "windows" directory
after future Flutter updates.
C:\src\FlutterSample>
C:\src\FlutterSample>flutter run
어디까지나, 현시점(2020/08/08 19:27) 시점에서의 이야기이지만.
다른 환경에서 움직이려면 다음이 필요합니다.
↓ 다음을 실행
C:\src\FlutterSample>flutter build windows
Build가 끝나면 다음 폴더에 Build한 것이 되어 있다.
build\windows\runner\Release
build\windows\runner\Debug
위의 예에서 말하면, C:\src\FlutterSample\build\windows\runner\Release(Debug)가 된다.
내용의 모든 것이 필요. exe만으로는 동작하지 않는다.
data 폴더의 내용이 없으면 화면이 나오지 않는다.
재배포 패키지이 설치된 환경이면 .exe를 시작하면 실행됩니다.
그렇지 않으면 오류가 발생합니다.
참고
Reference
이 문제에 관하여(Flutter에서 Windows 앱을 템플릿에서 생성하고 시작해 봅시다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bonkoturyu/items/4216ac49981ccf8a41b7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)