Пример мобильного приложения на Flutter

Overview

ATI.SU-Flutter-Template-Project

Шаблон проекта от компании ATI.SU, отображающий пример использования технологии Flutter в мультиплатформенной разработке. Решения и архитектура включенная в проект была собрана с целью повысить стабильность и качество разработки Flutter проектов.

Для новичков во Flutter

Некоторые ресурсы для начала, если это ваш первый проект Flutter:

Ссылка на отличную онлайн-документацию по Flutter (содержит туториалы, примеры, ссылки на API документацию и т. д.) online documentation

Оффициальный YouTube канал:

Ресурсы на русском;

Первый запуск

flutter pub get
flutter packages pub run build_runner build --delete-conflicting-outputs
flutter pub run easy_localization:generate --source-dir assets/translations -f keys -o locale_keys.g.dart
flutter run

Команды для проекта

Сборка приложения

Параметры Сборки

При сборке поддерживаются переменные окружения см [lib/main.dart]: logLevel: ключ, отвечающий за минимальный уровень логируемых эвентов debugInstruments: ключ, отвечающий за флаг включающий дебаг-инструменты

Сборка Android

Перед сборкой необходимо сгенерировать зависимости, после чего можно выполнить команды: flutter build apk --debug - для сборки debug-apk ресурса (будет собрано 4 ресурса, универсальная apk и 3 под каждую платформу) flutter build apk --release - для сборки release-apk ресурса (будет собрано 4 ресурса, универсальная apk и 3 под каждую платформу)

Пример сборки appbundle: flutter build appbundle --release --dart-define=logLevel=nothing --dart-define=debugInstruments=false

Сборка iOS

Вариант 1: flutter build ios - собирается .app файл, этот файл можно переложить в папку Payload -архив-> Payload.zip -переименование-> Payload.ipa

Вариант 2: flutter build ipa --export-options-plist=ios/distribution/ExportOptions.plist - собирается готовый ipa файл

  • Важно, ipa файл для дебаг сборки не работает, если удается его собрать, то на телефоне он упдает с Memory Exception. Включить дебаг инструменты позволит --dart-define=debugInstruments=true
  • Имя сборки можно менять аналогично андроиду, например: --build-name "1.0.5_ANDR-4258". Но все текстовые символы будут удалены, получится 1.0.54258
  • При сборке очень часто возникают pod проблемы, можно зайти в /ios и вызвать:
pod repo update
pod update 
  • Также часть проблем может быть решена при помощи очистки:
flutter clean
cd ios/
pod cache clean --all
xcodebuild clean
rm -rf .symlinks/
rm -rf Pods
rm -rf Podfile.lock
cd ..
  • при запуске на реальном устройстве из студий надо добавить в игнор iproxy sudo xattr -d com.apple.quarantine /YOUR_FLUTTER_PATH/bin/cache/artifacts/usbmuxd/iproxy

Сгенерировать зависимости

flutter pub get
flutter packages pub run build_runner build --delete-conflicting-outputs

Отслеживать изменения зависимостей

flutter packages pub run build_runner watch --delete-conflicting-outputs

Сгенерировать ключи для easy_localization

flutter pub run easy_localization:generate --source-dir assets/translations -f keys -o locale_keys.g.dart

Очистить проект

flutter clean

Сгенерировать ресурсы

dart pub global activate flutter_gen
fluttergen

Работа с диплинками

работать с диплинками из полезного - опция открытия QA Если запускать на ПК:

adb shell 'am start -W -a android.intent.action.VIEW -c android.intent.category.BROWSABLE -d "deep://flutter.gruzovod.su/#/qa"'

Если запускать на ферме:

am start -W -a android.intent.action.VIEW -c android.intent.category.BROWSABLE -d "deep://flutter.gruzovod.su/#/qa"

Переименование приложения

flutter pub run flutter_rename_app
You might also like...

Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with

Feb 24, 2022

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Dec 3, 2022

Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.

Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.

Flutter Tutorial - Collapsible Sidebar Menu & Navigation Drawer Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navig

Jan 3, 2023

🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

CarPlay with Flutter 🚗 Flutter Apps now on Apple CarPlay! flutter_carplay aims to make it safe to use iPhone apps made with Flutter in the car by int

Dec 26, 2022

Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file folder.

Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file folder.

Flutter UI Boilerplate "Sharing for fun" Flutter ui boilerplate is easiest way to create new flutter project with clean code and well organized file f

Dec 1, 2022

This is a Flutter app which shows how to use the PageView Class in your Flutter App

page_view_class A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Oct 25, 2021

Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.

Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.

Flutter Architecture Blueprints Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to dev

Apr 9, 2022

Flutter Viral News App using : Flutter + Rest Api + Bloc / Cubit

Flutter Viral News App using : Flutter + Rest Api + Bloc / Cubit

Intro Viral News App on Flutter. The tech used: Flutter widgets + Flutter Bloc / Cubit + Rest Api Check the screenshot : P.S Make sure to upgrade your

Nov 2, 2022
Owner
ati.su
ati.su
ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this pro

Pooja Bhaumik 815 Jan 3, 2023
Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

expenses Expenses é uma aplicação android simples feita em Flutter para controlar despesas pessoais. A aplicação consiste em: Listar transações feitas

Guilherme Teixeira Ais 2 Apr 19, 2022
Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API.

Flutter Github Following Application Watch it on Youtube Previous Designs Checkout my Youtube channel Installation Please remember, after cloning this

Mohammad Rahmani 110 Dec 23, 2022
Flutter RSS feed parsing - A demo application of flutter which parse RSS XML contents to the flutter application

Flutter RSS feed parsing demo This is demo application of flutter which shows ho

Nyakuri Levite 3 Nov 15, 2022
Boris Gautier 1 Jan 31, 2022
Code for Flutter Talk from Flutter Vikings 2022: Custom User Interactions in Flutter

Custom User Interactions - Flutter Vikings 2022 A companion app for the Flutter Vikings 2022 talk - Custom User Interactions with Shortcuts, Intents,

Justin McCandless 9 Sep 16, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 46 Dec 6, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 45 Dec 15, 2022
Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.

Flutter Tutorial - Sidebar Menu & Selectable Navigation Drawer Let's create a selectable Flutter Navigation Drawer with routing that highlights the cu

Johannes Milke 12 Dec 26, 2022
Components that optimize Flutter fluency.(Flutter 流畅度优化的通用方案,轻松解决卡顿问题)

Flutter fluency optimization component "Keframe" Page switching fluency improved: How to use Project depend on: Quick learning Constructor Description

Ke Technologies 793 Dec 30, 2022