Flutter : Install2025/09/30 |
|
Install Flutter. |
|
| [1] | |
| [2] | Install Chrome. |
|
root@dlp:~#
root@dlp:~# apt -y install curl git clang cmake zip unzip pkg-config fonts-liberation libblkid-dev libgtk-3-dev lib32z1 wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb root@dlp:~# dpkg -i google-chrome-stable_current_amd64.deb Selecting previously unselected package google-chrome-stable. (Reading database ... 173167 files and directories currently installed.) Preparing to unpack google-chrome-stable_current_amd64.deb ... Unpacking google-chrome-stable (140.0.7339.207-1) ... Setting up google-chrome-stable (140.0.7339.207-1) ... update-alternatives: using /usr/bin/google-chrome-stable to provide /usr/bin/x-www-browser (x-www-browser) in auto mode update-alternatives: using /usr/bin/google-chrome-stable to provide /usr/bin/gnome-www-browser (gnome-www-browser) in auto mode update-alternatives: using /usr/bin/google-chrome-stable to provide /usr/bin/google-chrome (google-chrome) in auto mode Processing triggers for mailcap (3.74) ... Processing triggers for gnome-menus (3.36.0-3) ... Processing triggers for desktop-file-utils (0.28-1) ... Processing triggers for man-db (2.13.1-1) ... |
| [3] | Install Flutter. |
|
root@dlp:~# snap install flutter --classic flutter 0+git.1fa6fd6 from Flutter Team✓ installed |
| [4] | Log in to desktop as any user and run Android Studio, then click [Plugins] in the left pane. |
|
| [5] | Select [Flutter] and click the [Install] button. |
|
| [6] | Click the [Restart IDE] button to restart Android Studio. |
|
| [7] | On the main Android Studio screen, click [More Actios] in the right pane and select [SDK Manager] in the menu. |
|
| [8] | Move to the [SDK Tools] tab and check a box [Android SDK Command-line Tools], then click the [OK] button. |
|
| [9] | After the installation is complete, click the [Finish] button. |
|
| [10] | Run the terminal and enter the command [flutter doctor --android-licenses]. The terms of use will be displayed, so read them carefully, understand them, and agree to all of them. |
|
|
| [11] | Finally, enter the command [flutter doctor]. If it displays [No issues found!], the installation is complete. |
|
| [12] | Create a test application from the command line to verify that it works. |
|
debian@dlp:~$ flutter create testapp Creating project testapp... Resolving dependencies in `testapp`... Downloading packages... Got dependencies in `testapp`. Wrote 130 files. All done! You can find general documentation for Flutter at: https://docs.flutter.dev/ Detailed API documentation is available at: https://api.flutter.dev/ If you prefer video documentation, consider: https://www.youtube.com/c/flutterdev In order to run your application, type: $ cd testapp $ flutter run Your application code is in testapp/lib/main.dart.debian@dlp:~$ cd testapp
debian@dlp:~/testapp$
vi lib/main.dart
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
// line 107 : add Hello World text
const Text(
'Hello Flutter World!',
style: TextStyle(
fontSize: 48,
fontWeight: FontWeight.bold,
color: Colors.red,
)
),
const Text('You have pushed the button this many times:'),
Text(
'$_counter',
style: Theme.of(context).textTheme.headlineMedium,
),
debian@dlp:~/testapp$ flutter run -d web-server --web-hostname=0.0.0.0 --web-port=43101 Launching lib/main.dart on Web Server in debug mode... Waiting for connection from debug service on Web Server... 17.6s lib/main.dart is being served at http://0.0.0.0:43101 The web-server device requires the Dart Debug Chrome extension for debugging. Consider using the Chrome or Edge devices for an improved development workflow. Flutter run key commands. r Hot reload. R Hot restart. h List all available interactive commands. d Detach (terminate "flutter run" but leave application running). c Clear the screen q Quit (terminate the application on the device). |
| Access to the web from any client computer to verify it works normally. |
|
|
|