Sign inSign up

techthinkerorg/flutter-web

By techthinkerorg

•Updated over 2 years ago

Image
0

535

techthinkerorg/flutter-web repository overview

⁠Flutter Web

This is flutter web docker image, this can be used to develop and build flutter web application.

⁠Create new project

  1. Create project directory and go inside that directory.
mkdir example_project
cd example_project
  1. Create Dockerfile.dev
FROM techthinkerorg/flutter-web:3.19.3
LABEL maintainer="Asif Mohammad Mollah"
# As per your timezone
ENV TZ=UTC+5:30

RUN mkdir /app
COPY ./entrypoint.sh /app/entrypoint.sh
RUN chmod +x /app/entrypoint.sh
WORKDIR /app

ENTRYPOINT ["sh", "/app/entrypoint.sh"]
  1. Create `entrypoint.sh``
#!/bin/bash

# Check if pubspec.yaml exists
if [ ! -f "pubspec.yaml" ]; then
      echo "No project found. Creating a new Flutter project..."
        flutter create --platforms=web .
fi
flutter --version
flutter pub upgrade
echo "Starting server...."
flutter run -d web-server --web-port=5000 --web-hostname=0.0.0.0
  1. Create temp docker image
docker build -t flutter-web:3.19.3 -f Dockerfile.dev .
  1. Create project
docker run --rm -v .:/app -it flutter-web:3.19.3 sh -c "flutter create --platforms=web ."

⁠Setup development

  1. Create docker-compose.yml
version: '3'

services:
  flutter:
    container_name: flutter_web
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports:
      - "5000:5000"
      - "57790:57790"
    volumes:
      - .:/app
  1. Run docker-compose up

Tag summary

Content type

Image

Digest

sha256:7d9412712…

Size

1.4 GB

Last updated

over 2 years ago

docker pull techthinkerorg/flutter-web:3.19.3