-
Creating a Flutter project in Android StudioFlutter/mobile 2020. 5. 11. 10:58
Create a Flutter project in Android Studio
https://blog.naver.com/chandong83/221832416217Android Studio에 Flutter Plugin 설치하기
RN(React Native)와 Flutter, Electron(성격이 좀 다르지만..)과 같은 Cross-Platform에 관심을 가...
blog.naver.com
In the previous article, we looked at how to install Flutter Plugin in Android Studio.
https://flutter.dev/docs/development/tools/android-studio
Android Studio and IntelliJ
How to develop Flutter apps in Android Studio or other IntelliJ products.
flutter.dev
First, run Android Studio.
Launch Android Studio and when the Welcome window appears, click "Start a new Flutter project".
If it is a project window, click "FIle"> "New"> "New Flutter Project ..." from the menu.
When the "Create New Flutter Project" window appears, select "Flutter Application" and click the "Next" button.
If there is nothing in the Flutter SDK path on the "Configure the new Flutter application" screen, you must install the SDK first by clicking "Install SDK ..." on the right.
When prompted for the Flutter SDK installation path, select a suitable location and click the "OK" button.
Then, install the Flutter SDK from the repository and install it in the location we specified, upgrade, and download and install related packages.
When the Flutter SDK is installed, the "Next" button will be activated. Now specify the Project name and Project location and click "Next".
Finally, a screen for setting the Package Name appears. Specify it appropriately and click the "Finish" button.
[10]
Voila! This is the Flutter project screen, since the source code is still unfamiliar, I'm just going to run it first.
[11]
When I connected my smartphone, it displayed "SM G960N" in "Target Selector" and tried to run it by clicking "Run ...".
[12]
[13]
[14]It seems to take quite some time because it is the first run. Anyway, if you build and install it, you can see that the APP is installed on the smartphone as the leftmost screen, and when you run it, a very simple demo screen appears. Tap the FloatingAction button at the bottom right to see the number increase. The source code of the project is in lib / main.dart.
[15]
[16]
[17]
[18]When the FloatingActionButton is pressed (onPressed), it executes the _incrementCounter function, and in this function, it calls the setState function to notify the framework that the internal state has changed, and increases _counter. Then it seems to be the code that the count value increases as the widget is updated. The dart language and the framework of flutter are unfamiliar, which makes it uncomfortable for the body and head. All. ㅋㅋ And no matter how cross-platform, to make an iOS app, macOS seems to be necessary ..... There are many ways without macOS, but everyone seems to recommend developing on macOS ... Damn it ... hahaha
'Flutter > mobile' 카테고리의 다른 글
Flutter QR Code Scan Simple example (0) 2020.05.12 Flutter Applying a simple splash screen (app logo screen)-Android edition (0) 2020.05.12 Create Flutter project in VSCode (0) 2020.05.12 Using Flutter in VSCode (installation and setup) (0) 2020.05.12 Installing Flutter Plugin in Android Studio (0) 2020.05.11