flutter-devcontainer-template - GitLite

KO | EN

gitlite — search

#nodejs #javascript #pytorch #generative-ai #ai #agents #bash #containers #privacy #svg

flutter-devcontainer-template

(★ 19)

A Flutter Dev Container for Android development. Works on any system.

파일 탐색기

ZIP 다운로드

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`flutter`

설명 보기 ▼

Google의 무료 오픈 소스 크로스 플랫폼 모바일 앱 SDK.
`pub`과 같은 일부 하위 명령에는 자체 사용법 문서가 있음.
더 많은 정보: <https://github.com/flutter/flutter/blob/master/docs/tool/README.md>.

flutter create {{project_name}}

동일한 이름의 디렉터리에서 새로운 Flutter 프로젝트를 초기화:

flutter doctor

모든 외부 도구가 올바르게 설치되었는지 확인:

flutter channel {{stable|beta|dev|master}}

Flutter 채널 나열 또는 변경:

🔍

`task`

설명 보기 ▼

명령줄 할 일 목록 관리 도구.
더 많은 정보: <https://taskwarrior.org/docs/>.

task add {{description}} due:{{tomorrow}}

내일까지 완료해야 할 새로운 작업 추가:

task {{task_id}} modify priority:{{H|M|L}}

작업의 우선순위 업데이트:

task {{task_id}} done

작업 완료:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
<img src="imgs/logo.png" alt="Logo" style="display: block; margin: 0 auto; width: 25%">
</p>

This project provides a pre-configured development container for building Flutter applications in Android.

Runs on Windows (WSL2 recommended), MacOS (see note at the end) and Linux (at least in theory, please someone test it).

> [!IMPORTANT]
> The container currently builds for the amd64 architecture regardless of the host system due to compatibility issues with Apple Silicon chips.
> I will eventually investigate native architecture builds later, but for now this will do.

## Prerequisites

- Docker
- VSCode, or most VSCode forks, or DevPod and most IDEs (see later tip)
- Ability to read

## Getting Started

1. **Open in Dev Container:** Open this project in VS Code and allow it to open in a Dev Container. This will build the Docker image and start the container.

> [!NOTE]
> The first time is gonna take a while, depending on how fast your internet is. This is because the SDKs and tools that need to be downloaded are relatively large (5GB approximately).

2. **Connect your Android Device:**

- Enable developer mode and Wireless debugging on your Android device.
    - Click on 'Pair device with pairing code'.
    - Open a new terminal in VS Code.
    - Run the following command, replacing `YOUR_DEVICE_IP:PORT` with the IP and PORT displayed on your phone in the second step:

```bash
        task pair-device -- YOUR_DEVICE_IP:PORT
        ```

Input the pairing code.
    - After pairing, run this other command, with the IP address and PORT displayed in the Wireless debugging page (note that the port is different)

```bash
        task connect-device -- YOUR_DEVICE_IP:PORT
        ```

3. **Verify Connection:**

- Run `flutter doctor` in the terminal.
    - Confirm that a green checkmark appears next to "Connected device".

> [!TIP]
> You can also use this devcontainer with other IDEs using [DevPod](https://devpod.sh/). It's free and open source!
>
> **Important Note for Alternative IDEs:** Some IDEs might default to the `sh` shell instead of `bash`, which is the shell configured in this devcontainer. If you're using an IDE other than VS Code, please ensure your terminal is configured to use `bash` to avoid potential compatibility issues.
---
> [!WARNING]
> Currently only Wireless connection is supported.
> Android 10 and older devices, an extra step going through USB debugging, which is not yet fully supported.

## Included Tools and Features

- Flutter SDK
- Android SDK and Command Line Tools
- OpenJDK 17
- VS Code extensions for Flutter and Dart development
- Starship prompt
- Go Task
- Customizable .bashrc

That's it! You're now ready to start developing Flutter apps for Android in a consistent and isolated environment.

## Current issues

1. Macs with Apple Silicon chips are forced to use the amd64 builds.
2. On these devices, compiling the app via `flutter run` succeeds, and hot reloading is fully functional. However, you may see this file watching error during the first debug session (or after cleaning the project):

```sh
    Caught exception: Couldn't poll for events, error = 4
    Error while receiving file changes
    net.rubygrapefruit.platform.NativeException: Couldn't poll for events, error = 4
        at net.rubygrapefruit.platform.internal.jni.AbstractNativeFileEventFunctions$NativeFileWatcher.executeRunLoop0(Native Method)
        at net.rubygrapefruit.platform.internal.jni.AbstractNativeFileEventFunctions$NativeFileWatcher.executeRunLoop(AbstractNativeFileEventFunctions.java:42)
        at net.rubygrapefruit.platform.internal.jni.AbstractFileEventFunctions$AbstractFileWatcher$1.run(AbstractFileEventFunctions.java:154)
    ```

**Simple workaround**: If you see this error, just stop the debug session and restart it. The error only occurs during the initial build when Gradle is establishing file watchers in the cross-architecture environment. Once the build artifacts and cache are created, subsequent runs won't show this error. The error doesn't affect functionality - hot reload and the application will work properly.