Set android sdk flutter

[Solved] Unable to locate android SDK flutter

Hello Guys How are you all? Hope You all are fine. I Just installed flutter SDK and android studio on my windows machine. When I run the flutter doctor command it gives me the following error in my terminal. Unable to locate android SDK flutter. So today Here I come with all possible solutions for this error.

We are providing you all possible solutions to solve this error. let’s start this article without wasting your time.

Table of Contents

How Unable to locate android SDK flutter Occurs ?

I Just installed flutter SDK and android studio on my windows machine. When I run the flutter doctor command it gives me the following error in my terminal. Unable to locate android SDK flutter.

How to Solve Unable to locate android SDK flutter?

Question:
Answer:

1. How to Solve Unable to locate android SDK flutter?

To solve Unable to locate android SDK flutter issue just give Android SDK that path to flutter config. In your terminal run both commands. flutter config –android-sdk /path/to/android/sdk. Or Set ANDROID_HOME Path. First, create a new environment variable called ANDROID_HOME.

Unable to locate android SDK flutter

To solve Unable to locate android SDK flutter issue just give Android SDK that path to flutter config. In your terminal run both commands. flutter config –android-sdk /path/to/android/sdk. Or Set ANDROID_HOME Path. First, create a new environment variable called ANDROID_HOME.

Solution 1 : Flutter Config

Your Problem Is very Clear. Flutter cant find Android SDK PATH that’s why you are facing this problem.

If you have already Downloaded Android SDK then just give that path to flutter config. In your terminal run both commands

Solution 2 : Set ANDROID_HOME Path

1. First create a new environment variable called ANDROID_HOME
2. For me, who has installed Android Studio, the path was C:\Users\Tim\AppData\Local\Android\sdk or %LOCALAPPDATA%\Android\sdk .
3. Then you need to add tools and platform-tools to your Path variable
4. Use you %ANDROID_HOME% variable to make it dynamic.

Solution 3 : Download Android SDK in android studio

1. Open Android Studio.
2. Go to File -> Project Structure OR Ctrl + Alt + Shift + S
3. Then choose SDK platform.
4. If there are download option then just download it.

Summery

So, It’s All About this error. I hope this tutorial helps you to solve your error. Please Comment Below if You stucks anywhere with my code.

Источник

Flutter I — Введение и установка

Flutter — новый инструмент от Google, позволяющий разработчикам писать кроссплатформенные приложения, которые можно запускать на различных системах (например, на Android или iOS) с общей кодовой базой.

Сам инструмент написан на C и C++. Предоставляет движок для 2D рендеринга, React-подобный FRP фреймворк и набор виджетов в стиле Material Design. На данный момент распространяется версия alpha:0.0.20, но несмотря на довольно «сырую» версию, уже можно создавать продвинутый интерфейс, работать с сетью и даже с файловой системой.

Подход Flutter отличается от инструментов, работающих через WebView и выполняющих HTML, CSS и Javascript (например Cordova), — он заключается в использовании Dart как единственного язык программирования. Dart довольно прост в изучении, а если вы ещё и знаете Java, то, считайте, 75% работы сделано, и на Dart можно перейти всего за пару дней.

Приложения компилируются в нативный код при сборке для релиза. Благодаря этому повышается производительность и уменьшается задержка при работе с интерфейсом. При сборке в режиме отладки (и выявлении возможных багов) Flutter также выполняет некоторые задачи, которые могут замедлять приложение. В таких случаях Flutter будет показывать надпись “Slow Mode” в правом верхнем углу экрана.

Почему именно Flutter?

Кроме того, что вы делаете приложение сразу под несколько систем (Android и iOS), код Flutter очень выразителен. То есть потребуется написать меньше кода чем если бы вы писали нативное приложение под одну платформу.

Производительность и отклик пользовательского интерфейса.

Ещё один плюс Flutter — он ориентирован на Material Design и предоставляет множество возможностей для работы с ним.

Google также использует Flutter для разработки пользовательского интерфейса своей новой системы Fuchsia.

Установка

Так как Flutter ещё в процессе разработки и постоянно обновляется, процесс установки со временем может поменяться. Актуальную инструкцию по установке можно найти на сайте Flutter.

Мы будем пользоваться версией 0.0.20+.alpha. (Прим.перев.: на данный момент установка возможна только под Mac и Linux (64-bit))

Шаг 1. Клонирование

Клонируйте ветку alpha из репозитория Flutter при помощи Git (SourceTree, Github Desktop…) и добавьте директорию bin в PATH.

Шаг 2. Проверка зависимостей

Запустите Flutter doctor, чтобы установить все необходимые зависимости.

Шаг 3. Установка платформ

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

В случае с Android необходимо установить Android SDK. Можете просто установить Android Studio, SDK будет в комплекте. В случае, если Android Studio установлена не в директорию по умолчанию, необходимо добавить переменную ANDROID_HOME в PATH, указав новое расположение, куда был установлен SDK.

В случае с iOS необходим xCode версии 7.2 или выше. Для запуска приложений на физическом устройстве необходим дополнительный инструмент. Его можно установить при помощи Homebrew.

Шаг 4. Конфигурация Atom

Рекомендуется использовать текстовый редактор Atom с установленными плагинами Flutter и Dart.

Установка плагина Flutter для Atom:

• Запустите Atom.
• Packages > Settings View > Install Packages/Themes.
• Напишите в поле Install Packages слово ‘flutter’, затем нажмите кнопку Packages.
• Выберите Flutter и установите.

Откройте Packages > Flutter > Package Settings и выставьте в FLUTTER_ROOT путь, куда был склонирован Flutter SDK.

Затем Packages > Dart > Package Settings и выставьте переменную с расположением dart sdk, обычно это bin/cache/dart-sdk в директории Flutter.

Если у вас Mac, запустите Atom > Install Shell Commands чтобы установить shell-команды.

И напоследок запустите ещё раз Flutter doctor, чтобы удостовериться, что всё в порядке.

Вывод из консоли ниже показывает, что процесс установки успешен, но среда iOS ещё не отвечает всем необходимым требованиям.

Первые шаги (Пишем Hello World!)

Давайте создадим простенькое приложение и посмотрим Flutter в действии. В последующих статьях примеры будут куда сложнее и увлекательнее.

Запустите Packages → Flutter → create new Flutter Project. В директории lib есть файл main.dart, откройте его и сотрите весь код.

Выполнение кода Dart начинается с функции main, которая должна быть включена в файл main.dart.

Теперь импортируем библиотеку material, она предоставляет нам функцию для запуска приложений.

Эта функция называется runApp и принимает виджет (Widget) в качестве параметра. Виджет можно сравнить с представлением (View) в Android или iOS, чтобы иметь общее представление, но, само собой, между ними есть и отличия. То есть в Flutter весь интерфейс строится на использовании виджетов и весь код пишется на Dart. Например в Android надо было бы использовать XML для описания представлений.

Начнём с того, что выведем при помощи виджета Text произвольный текст.

Теперь запускаем приложение через Atom.

Как видно, текст появился за статус-баром. Так произошло потому, что туда установлены координаты Flutter (0,0).

Давайте добавим отступов, чтобы исправить это. Поскольку пользовательский интерфейс Flutter строится на виджетах, отступы тоже будут виджетом. Возможно, для людей с опытом разработки на Android и iOS (где отступы всего лишь свойства представления) это звучит дико. Нам же сейчас нужно добавить виджет Padding и указать виджет Text как дочерний элемент.

В примере выше создан виджет Padding, в котором отступы установлены на 24 при помощи объекта EdgeInsets, а в качестве дочернего элемента указан виджет Text. Запустите приложение и увидите, что текст теперь ниже.

Примечание: если вы знакомы с Java, то имейте в виду, const EdgeInsets.only(top: 24.0) всего лишь вызов конструктора EdgeInsets. Он возвращает экземпляр объекта, который будет константой времени компиляции. В этом разница между Java и Dart, больше информации о конструкторах в Dart можете найти здесь.

Воспользуемся виджетом Center, чтобы разместить текст в центре экрана.

Оба виджета, Padding и Center, предоставляют атрибут, называемый child, используемый для указания дочернего элемента. На самом деле это одна из особенностей, делающих Flutter таким мощным инструментом. Каждый виджет может иметь дочерние элементы, благодаря чему одни виджеты могут быть вложены в другие виджеты. Так, например, Text может быть вложен в Padding, который будет вложен в Center.

Заключение

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

Источник

How To Install Flutter In Android Studio In Windows : Flutter Android Studio Set Up Tutorial

Welcome to our first Flutter Android Studio tutorial.

Let’s start by talking about Flutter.

Google has introduced its software development kit Flutter in 2017. Using Flutter, you can develop applications for Android, ios, Mac, Windows, Linux, and More.

So in this post, you will learn,

and know, how to create an android project, emulator also.

How To Download Flutter SDK In Windows

• Go to this URL – Flutter SDK – Windows, Linux, and macOs or You can go to flutter.dev and click on Get started,
• Click on Windows.

• While scrolling down, you will see a blue button with flutter latest SDK version in a zip file, just click on it.
• Download begins…

• After the download, Extract the zip file

• Just cut and paste the extracted file in C drive, just like above. You can choose your suitable location except for Program Files in C drive.
• Just click on the extracted directory.

• This is Flutter software development kit. Here you can click on flutter console and check flutter commands.

• This is flutter console window.
• click on bin folder.

• We need to update the PATH variable with “…/flutter/bin”, then only we can run flutter commands from any command prompt.
• So copy the path with “flutter/bin” like shown above.

How To Update Path Variable With Flutter SDK Path In Windows

• Search “env” on the search bar and click on “Edit environment variables for your account”.

• Click on the path field ->Edit -> New -> Paste it in the empty field. Just like above.
• Click Ok.

If the Path variable doesn’t exist, you need to create one. By clicking New->Providing values in each field (name and value) and click OK (just like shown above).

• Open the command prompt, and run the “flutter doctor” command.
• If there is any problem you will see the red cross mark.
• Here I got errors because flutter and dart plugin are unavailable, let’s clear it now.

How To Install Flutter Plugin In Android Studio

• Open Android Studio
• If you don’t get a window like the above image.
  You may not close your last opened project. So just close your project, File -> Close Project.
• Click on “Configure“.

• Next click on the “plugins” items from the drop-down menu.
• Next, we have to find the flutter plugin from the marketplace. Make sure you are on the marketplace tab.
• Then search “ Flutter ” in the search box and press Enter.

• Click on the install button to install the flutter plugin.

• Dart plugin is also needed to make flutter applications. You don’t need to install separately. Just click on ‘Install‘ on the dialog box.

• It will automatically download both.

• Now click on the Restart IDE button to restart the Android Studio.

• In the next alert dialog box, “Restart Android Studio to activate changes in plugins?“. Click on Restart.

• After the restart, now you can see “Start a new flutter project” item in the window.
• That means you have successfully installed a flutter plugin in Android Studio.
• But check again to confirm our system is ready to create flutter applicaions using flutter doctor command.

How To Create Flutter Project In Android Studio

• Click on “Start a new Flutter project”.

• Select “Flutter Application” and click “Next”.

How To Change Flutter SDK Path In Android Studio

• I just let the project name as ‘flutter_app’. After that, one of the important step is to change the Flutter SDK path.
• Click on Flutter SDK path …(3 dot) button.

• Now you have to select the flutter SDK location, for me, it’s in C drive. Expand drives by clicking on it.
• After selecting flutter folder just click OK.

• Flutter SDK path is set now, then click Next.

• Change package name if you want.
• I have changed to “com.androidride” , leave others, and click Finish.

How To Run Flutter Project In Android Studio

• After the build, the project will shown up just like above.
• Like Android Project, Select your emulator and click on Run button.

• The flutter application is ready now.

How To Open Existing Flutter Project In Android Studio

Method I – Drag And Drop Flutter Project To Android Studio

• Before drag and drop your project, make sure you have installed the flutter plugin in Android Studio.

Method II – Using Open An Existing Android Studio Project

• Click on “Open an Existing Android Studio project “.

• Now you have to find the location of your flutter project. Here, my fluter project is located at desktop.
• After selecting your project, just click OK.

• The project is ready now.

I believe that this post will help you start your flutter journey. If you like this post, please share it with your family and friends. Thank you.

Источник