How to Install Flutter | Flutter installation

By -
Get the Flutter SDK
  1. Download the following installation bundle to get the latest stable release of the Flutter SDK:

For other release channels, and older builds, see the SDK archive page.
  1. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).

Update your path

If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable:

  • From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
  • Under User variables check if there is an entry called Path:
    • If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
    • If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value.

Note that you have to close and reopen any existing console windows for these changes to take effect.

Run flutter doctor

From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup:


This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform (shown in bold text).

For example:

content_copy

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

The following sections describe how to perform these tasks and finish the setup process. Once you have installed any missing dependencies, you can run the flutter doctor command again to verify that you’ve set everything up correctly.

Android setup


Install Android Studio


Set up your Android device


Set up the Android emulator


Install the Flutter and Dart plugins in your android studio


To install these:

  1. Start Android Studio.
  2. Open plugin preferences (Preferences > Plugins on macOS, File > Settings > Plugins on Windows & Linux).
  3. Select Marketplace, select the Flutter plugin and click Install.
  4. Click Yes when prompted to install the Dart plugin.
  5. Click Restart when prompted.



Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Comments

Post a Comment

Popular posts from this blog

Auto slide image with indicator in flutter

By -
carousel_slider  # A carousel slider widget, support infinite scroll and custom widget, with auto play feature. Example App:- Add  carousel_pro: ^1.0.0  in your  pubspec.yaml  dependencies. And import it: import 'package:flutter/material.dart'; import 'package:carousel_pro/carousel_pro.dart'; void main() => runApp(MaterialApp(   debugShowCheckedModeBanner: false,   title: 'Auto_Image_slider_with_Indicator',   home: HomePage(), )); class HomePage extends StatefulWidget {   @override   _HomePageState createState() => _HomePageState(); } class _HomePageState extends State<HomePage> {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         backgroundColor: Colors.brown,         title: Text("Auto_Image_slider_with_Indicator"),       ),       body: ListView(children: <Widget>[         autoImagesliderwithIndicator,       ]),     );   }   Widget autoIma
Read More »

Flutter Architecture | Flutter - Architecture Application

By -
Image
In this chapter, let us discuss the architecture of the Flutter framework. Widgets The core concept of the Flutter framework is  In Flutter, Everything is a widget . Widgets are basically user interface components used to create the user interface of the application. In  Flutter , the application is itself a widget. The application is the top- level widget and its UI is build using one or more children (widgets), which again build using its children widgets. This  composability  feature helps us to create a user interface of any complexity. For example, the widget hierarchy of the hello world application (created in previous chapter) is as specified in the following diagram − Here the following points are worth notable − MyApp  is the user created widget and it is build using the Flutter native widget,  MaterialApp . MaterialApp  has a home property to specify the user interface of the home page, which is again a user created widget,  MyHomePage . MyHomePage  is b
Read More »

Automatic Scrolling Image in flutter

By -
Hi, In this Flutter tutorial I am going to explain how to create auto scrolling image view this type of auto scrolling image you can use in any app to show app latest feature and new offer, so let's create flutter auto scrolling image Add  carousel_slider: ^1.3.0  in your  pubspec.yaml  dependencies. And import it: import 'package:carousel_slider/carousel_slider.dart' ; complete example import 'package:flutter/material.dart'; import 'package:carousel_slider/carousel_slider.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter ListView Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( appBar: AppBar( title: Text("ListView Demo"), ), body: Container( decoration: BoxDecoration( color
Read More »