Как импортировать существующий проект Flutter в Android Studio?

Опубликовано: 6 Сентября, 2022

В этой статье мы увидим процесс импорта существующего проекта флаттера в Android Studio. Это будет довольно легко, нам просто нужно позаботиться о некоторых шагах, связанных с этим. Прежде чем перейти к основной теме, давайте также кратко расскажем о Flutter и Android Studio.

Флаттер:

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

Android-студия:

Android Studio известна как официальная IDE для разработки всех видов приложений для Android, которая поддерживается Intellij IDEA, которая является IDE для написания кода JAVA. Android Studio предлагает различные эффективные функции, которые помогают разработчикам создавать обычные и сложные приложения для Android. . Он поддерживает полнофункциональный эмулятор Android, на котором пользователь может эмулировать свое разработанное приложение, которое также имеет замечательную функцию: мы можем протестировать наше приложение на каждом уровне этого эмулятора перед развертыванием на реальном устройстве.

Как импортировать существующий проект Flutter в Android Studio?

Допустим, у нас уже есть проект Flutter в каталоге с именем Flutter. Прежде чем импортировать этот проект в Android Studio, мы должны установить два плагина в Android Studio, вот как мы это делаем.

Шаг 1. Откройте Android Studio, выберите «Инструменты» в строке меню и нажмите «Диспетчер SDK».

Шаг 2: В открывшемся окне нажмите на плагины и в строке поиска найдите Flutter и Dart, а затем установите их.

Шаг 4: Теперь, после установки Flutter и Dart, мы готовы импортировать проект Flutter. Для этого просто выберите « Файл»> «Создать»> «Импорт проекта».

Шаг 5: Теперь в новом всплывающем окне перейдите в каталог, в котором проект Flutter уже доступен, в этом случае у нас есть проект testapp. Нажмите на этот каталог, и мы успешно импортировали существующий проект Flutter в Android Studio.

Шаг 6: Теперь там будет страница .dart по умолчанию, на которой уже написан пример кода, и мы можем проверить его, запустив приложение, выбрав Chrome web в качестве нашего устройства и нажав зеленую кнопку воспроизведения, чтобы запустить приложение. и мы можем увидеть наш результат на веб-странице.

Выход: