Как отправить приложение для Flutter Create

Руководство по началу работы с Flutter Create — конкурсом, поощряющим разработчиков создавать минимальные приложения Flutter.

В этой статье я быстро пройдусь по тому, что Флаттер Создать и как вы можете создать приложение Flutter для него.

Я создал приложение генератора цитат для Flutter Create, так как его просто, весело создавать и щекочет ваши смешные кости. Что еще более важно, для этого не требуется много кода, что является основным требованием для отправки Flutter Create.

Но сначала давайте поговорим о Flutter Create…

Что такое создание флаттера?

Для тех из вас, кто не знает, что такое Flutter Create, это соревнование Google, в котором разработчики должны создать приложение Flutter с кодом Dart, не превышающим 5120 байт.

Работы оценивают:

  • какая замечательная идея,
  • насколько хорошо выглядит приложение и
  • насколько качественный код.

Победители могут забрать несколько захватывающих призов, но это не то, на чем мы сосредоточимся в этой статье.

Вы можете прочитать больше о правилах и рекомендациях для Flutter Create здесь.

Теперь давайте начнем с того, как я создал свое приложение для этого конкурса!

Идея

Приложение, которое я создал, было основано на ОТДЫХА API предоставлено Эндрю Барсук, который содержит случайную подборку цитат Канье Уэста. 👻

Поскольку конкурс требует от нас написания очень минимального кода, я решил реализовать идею создания приложения Flutter, которое показывает случайные цитаты Канье Уэста, поскольку я нашел это забавным и дерзким. Кому не понравятся цитаты из Yeezy? 😜

Дизайн

Но я также хотел хорошо спроектировать приложение, так как это также важно для конкурса, поэтому я включил в приложение пользовательские шрифты и набор градиентов.

Я также разработал значок приложения для этого, используя Фигмаи позже в этой статье я расскажу, как легко изменить значки приложений для устройств iOS и Android.

Вот как выглядит приложение:

Развитие

Прежде чем я начал с main.dart файл, я сначала написал класс данных для объекта цитаты в quote.dart файл:

Каждый объект цитаты имеет уникальный идентификатор и саму строку цитаты.

Имейте в виду, что важно, чтобы ваш код был минимальным, поэтому я определил здесь только те вещи, которые мне абсолютно необходимы, одна из которых — фабрика для создания цитаты.

Вот мой звонок, чтобы получить цитату из API:

Поскольку эта статья больше посвящена Flutter Create и созданию приложения для конкурса, я не буду подробно описывать, как я создавал приложение шаг за шагом.

Вот код для main.dart:

Псс! Размер файлов Dart для всего этого проекта? 4996 байт.

Проверка размера файлов Dart

Чтобы проверить размер файлов Dart в вашем проекте, просто введите следующую команду в терминал, открытый в корневой папке проекта:

find . -name "*.dart" | xargs cat | wc -c

Если вы используете IntelliJ или Visual Studio Code, вы можете просто использовать Терминал опция, доступная в этих IDE, для запуска команды в корневой папке проекта.

«Ничего, если у меня слишком много изображений/шрифтов/ресурсов/пакетов?»

Да, это должно быть хорошо. Как указано в правилах конкурса, единственными файлами, размер которых имеет значение, являются файлы Dart в вашем проекте. Только они измеряются, и их общий размер должен быть менее 5120 байт.

Так что смело добавляйте пакеты, пользовательские шрифты, изображения и другие активы в свое приложение Flutter!

Полировка…

  1. Уменьшить размер ваших файлов Dart, максимально удалив ненужный код! Удалить test.dart файл, ненужные запятые и повторяющийся код темы. Но не пренебрегайте правильными отступами и форматированием, так как качество кода тоже имеет значение.
  2. Дайте вашему приложению хорошее описание и обязательно упомяните себя как автор в pubspec.yaml файл.
  3. Еще одно правило конкурса – ваш проект должен иметь README.md и ЛИЦЕНЗИЯ файл.
  • Для README убедитесь, что вы объяснили, о чем ваше приложение, и если ваше приложение требует настройки каких-либо конфигураций, добавьте инструкции для них в этот файл.
  • Для файла LICENSE убедитесь, что вы используете лицензию Apache, MIT или BSD. Если вам нужна помощь в выяснении того, какую лицензию использовать, вы можете пройти это милое небольшое руководство.
  1. Для своего приложения я разработал значок приложения с разрешением 512×512 в Фигма, простой инструмент для дизайна, который позволяет быстро создавать макеты и значки приложений. После добавления значка моего приложения в папку с ресурсами я добавил небольшой аккуратный пакет под названием flutter_launcher_icons для автоматического создания значков приложений для платформ Android и iOS с использованием моего разработанного значка.

  2. Затем выполните следующую команду, чтобы очистить все ненужные файлы сборки, которые могли быть сгенерированы Flutter:

flutter clean

Наконец, заархивируйте папку проекта, потому что она готова к отправке! 🚀

Перейти к официальный сайт Flutter Createнажми на Отправьте свое приложение и загрузите свой ZIP-файл через форму вместе с некоторыми другими деталями, чтобы завершить отправку! 😄

Примечание: Вы можете отправить только одно приложение, но вы можете внести изменения в свой проект и повторно загрузить новый ZIP-файл, если вы сделали это раньше. 7 апреля!

Вывод

Победители будут объявлены около 25 апреля онлайн, а также в Google I/O 2019. Так чего же ты ждешь? Начать работу с флаттером сегодня и создайте минимальное приложение до окончания конкурса! 😉

Приложение, представленное в этой статье, можно найти в магазине Google Play здесь:

Приложения в Google Play – Кут Ин
_Вы когда-нибудь хотели иметь мобильное приложение, которое подбрасывает вам мудрые и случайные цитаты Канье Уэста в любое время? Не смотрите дальше! Кут…_play.google.com

Вы также можете найти исходный код на GitHub здесь:

бапспатил/кут_ин
_ Приложение Flutter, которое показывает случайные мудрые цитаты Канье Уэста. — bapspatil/kut_in_github.com

Найдите меня и все мои соцсети здесь:

Бапусахеб Патил
_Сертифицированный Google Android-разработчик, который любит создавать приложения, циферблаты и мемы._bapspatil.com

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *