Phenquestions
Встановіть Flutter на Linux
Ви можете встановити Flutter в Linux двома методами. Перший метод досить простий, вам потрібно лише запустити просту команду, щоб встановити Flutter із магазину оснащення.
$ sudo snap install flutter --classicДругий метод передбачає завантаження сховища флаттера з GitHub. Виконайте наступні команди послідовно, щоб вручну встановити Flutter:
$ sudo apt install gitКлон $ git https: // github.com / flutter / flutter.git -b стабільний --глибина 1 - відсутність однієї гілки
Зауважте, що запуск вищевказаної команди дозволить отримати необхідні файли з офіційного сховища Flutter, включаючи виконувані двійкові файли. Ви зможете виконати ці двійкові файли з папки “bin”. Однак ці виконувані файли не будуть додані до вашої загальносистемної змінної PATH, і ви не зможете їх запускати з будь-якого місця, якщо ви не додасте їх вручну до змінної PATH. Для цього виконайте наведені нижче дії.
Відчинено ".bashrc ”, розташований у вашій домашній папці за допомогою улюбленого текстового редактора:
$ nano “$ HOME /.bashrc "Додайте наступний рядок унизу файлу, обережно замінивши
Наприклад, якщо ви завантажили сховище Flutter у папку «Завантаження», вам доведеться додати такий рядок:
експортувати PATH = "$ PATH: $ HOME / Downloads / flutter / bin"Збережіть файл, коли закінчите. Оновити.bashrc ”, виконавши команду нижче:
$ джерело “$ HOME /.bashrc "Щоб перевірити, що до шляху додано папку "bin" Flutter, виконайте команду нижче:
$ echo $ PATHВи повинні отримати такий вивід:
/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / games: / usr / local / games: / snap / bin: / home / nit / Downloads / flutter / bin
Зверніть увагу на наявність ключового слова “flutter” та повний шлях, який показує папку “bin” в каталозі “flutter”.
Щоб перевірити, чи можна запустити команду “flutter” з будь-якого шляху, скористайтеся командою нижче:
$ які пурхаютьВи повинні отримати такий вивід:
/ home / nit / Downloads / flutter / bin / flutter
Зверніть увагу, що мова "Dart", необхідна для написання програм Flutter, постачається у комплекті з файлами Flutter, завантаженими з репозиторію git або з пакета оснащення. Виконайте таку команду, щоб перевірити відсутні залежності, необхідні для запуску Flutter:
$ тремтіння лікаряДеякі необхідні файли можуть почати завантажуватися, щоб завершити налаштування Flutter. Якщо ви ще не встановили Android SDK, на виході з’явиться повідомлення, яке допоможе вам пройти встановлення.
Якщо ви хочете розробляти додатки для Android за допомогою Flutter, клацніть на посилання, видимі у виведенні терміналу, і виконуйте відповідні кроки, щоб встановити Android SDK.
Цей підручник зосереджений на створенні веб-додатків за допомогою Flutter. Щоб увімкнути підтримку для створення веб-програм, послідовно виконайте такі команди:
$ flutter channel beta$ flutter оновлення
$ flutter config --enable-web
Щоб переконатися, що підтримка веб-додатків дійсно увімкнена, виконайте наведену нижче команду:
$ флаттер-пристроївВи повинні отримати такий вивід:
2 підключених пристрою:
Веб-сервер (веб) • веб-сервер • веб-javascript • Flutter Tools
Chrome (веб) • chrome • web-javascript • Google Chrome 87.0.4280.66
Якщо ви до цього часу правильно виконували кроки, Flutter тепер слід правильно встановити у вашій системі, готову створити деякі веб-програми.
Створіть новий проект Flutter
Щоб створити новий проект веб-програми «HelloWorld» за допомогою Flutter, запустіть команди, згадані нижче:
$ flutter створює helloworld$ cd helloworld
Щоб протестувати ваш щойно створений проект, запустіть команду:
$ flutter run -d chromeВи повинні побачити демонстрацію веб-додатків Flutter, як це:
Ви можете налагодити веб-програми Flutter за допомогою інструментів розробки, вбудованих у Chrome.
Змініть свій проект
Демо-проект, який ви створили вище, містить “main.dart ”, розташований у папці„ lib ”. Код, що міститься в цьому “основному.dart ”файл коментується дуже добре, і його можна зрозуміти досить легко. Я б запропонував вам хоча б раз переглянути код, щоб зрозуміти основну структуру програми Flutter.
Flutter підтримує "гаряче перезавантаження", що дозволяє швидко оновити програму, не перезапускаючи її, щоб побачити зміни. Спробуйте змінити назву програми з “Домашня сторінка Flutter Demo” на “Hello World !!”У“ головному.dart ”файл. Після закінчення натисніть
Створіть свій додаток Flutter
Щоб створити веб-програму Flutter, скористайтеся командою, вказаною нижче, з каталогу проекту:
$ flutter побудувати вебПісля завершення процесу збірки ви повинні мати нову папку у своєму каталозі проекту, розташовану на шляху “build / web”. Тут ви знайдете все необхідне “.html ",".js "та".css ”файли, необхідні для обслуговування проекту в Інтернеті. Ви також знайдете різні файли активів, що використовуються в проекті.
Корисні ресурси
Щоб дізнатись більше про розробку веб-додатків за допомогою Flutter, зверніться до його офіційної документації. Ви можете звернутися до офіційної документації мови Dart, щоб краще зрозуміти програми Flutter. Flutter поставляється з безліччю офіційних та сторонніх пакетів, які ви можете використовувати для швидкої розробки програм. Ви можете знайти ці пакети тут. Ви можете використовувати віджети дизайну матеріалу Flutter у своїх веб-програмах. Ви можете знайти документацію для цих віджетів в офіційній документації Flutter. Ви також можете відчути ці віджети, переглянувши робочі демонстраційні матеріали веб-компонентів з дизайну матеріалів.
Висновок
Flutter розробляється вже досить давно, і він зростає як основа для розробки крос-платформних додатків "писати, коли розгорнути будь-де". Його прийняття та популярність можуть бути не такими високими, як інші подібні фреймворки, але він забезпечує стабільний та надійний API для розробки міжплатформенних додатків.
