Как отправить приложение для 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!
Полировка…
- Уменьшить размер ваших файлов Dart, максимально удалив ненужный код! Удалить
test.dartфайл, ненужные запятые и повторяющийся код темы. Но не пренебрегайте правильными отступами и форматированием, так как качество кода тоже имеет значение. - Дайте вашему приложению хорошее описание и обязательно упомяните себя как автор в
pubspec.yamlфайл. - Еще одно правило конкурса – ваш проект должен иметь README.md и ЛИЦЕНЗИЯ файл.
- Для README убедитесь, что вы объяснили, о чем ваше приложение, и если ваше приложение требует настройки каких-либо конфигураций, добавьте инструкции для них в этот файл.
- Для файла LICENSE убедитесь, что вы используете лицензию Apache, MIT или BSD. Если вам нужна помощь в выяснении того, какую лицензию использовать, вы можете пройти это милое небольшое руководство.
Для своего приложения я разработал значок приложения с разрешением 512×512 в Фигма, простой инструмент для дизайна, который позволяет быстро создавать макеты и значки приложений. После добавления значка моего приложения в папку с ресурсами я добавил небольшой аккуратный пакет под названием
flutter_launcher_iconsдля автоматического создания значков приложений для платформ Android и iOS с использованием моего разработанного значка.Затем выполните следующую команду, чтобы очистить все ненужные файлы сборки, которые могли быть сгенерированы Flutter:
flutter clean
Наконец, заархивируйте папку проекта, потому что она готова к отправке! 🚀
Перейти к официальный сайт Flutter Createнажми на Отправьте свое приложение и загрузите свой ZIP-файл через форму вместе с некоторыми другими деталями, чтобы завершить отправку! 😄
Примечание: Вы можете отправить только одно приложение, но вы можете внести изменения в свой проект и повторно загрузить новый ZIP-файл, если вы сделали это раньше. 7 апреля!
Вывод
Победители будут объявлены около 25 апреля онлайн, а также в Google I/O 2019. Так чего же ты ждешь? Начать работу с флаттером сегодня и создайте минимальное приложение до окончания конкурса! 😉
Приложение, представленное в этой статье, можно найти в магазине Google Play здесь:
Вы также можете найти исходный код на GitHub здесь:
Найдите меня и все мои соцсети здесь:
