Giter Club home page Giter Club logo

awesome_flutter_app's Introduction

Awesome_Flutter_App

What is Flutter?

Flutter is google’s mobile app SDK (software development kit) for making native interfaces for both Android and iOS devices using a single code base. So we write code once and then we can deploy on both the different software devices.

The whole flutter UI and UX features are in correspondence to the Google’s Material Design Concept. Each UI element on the app will be categorised as widget’s.

  • Multi Platform - Android & IOS
  • High performance & low latency
  • DART as main language
  • open-source / github
  • "flutter" frame render / rapid variation of signal paramenters
  • not a monolith structure - (access to,all control over,all layers of the system)
  • Custom ui rendering engine

Installation on MACOS

If you don’t have Git installed in your system, then please do before downloading the Flutter Bundle from flutter SDK and make sure you have Xcode and Android Studio installed as well.

  • Now we can download the flutter SDK and unzip in any location you prefer.
  • Now we need to add the flutters path in the terminal. First change directory (cd “your flutter path”) and then type - export PATH=/”your flutter folder path”/bin:$PATH. To verify the location of path type - echo $PATH.
  • To check if you are all set or need to download or update any dependancy, type - flutter doctor. This will give you a summary on which software/dependency needs to be downloaded. If anything needs to be downloaded or setup, the flutter doctor will give you a detailed instruction on how to setup. Once all the software/dependencies have been setup, rerun - flutter doctor and if all the dependencies are configured, we can move to the next step.
  • Now we can open Android Studio (make sure you have the latest IDE installed or 3.0>) and the welcome window pops up and on the right bottom click on Configure -> Plugin ->Search and Install Dart and Flutter plugin. If you don’t find the welcome window then you can download the plugin from Android Studio -> preferences ->plugin. Restart Android Studio and now you will be able to see an option called start flutter project.
  • Click on start flutter project and then select Flutter Application from the first window and click next. Give a project name and then for the flutter SDK path give the git repo path and click next.
  • Now choose a company domain and check the checkboxes if you need any Kotlin or Swift support and click finish. Now a dummy project will be setup and to run this project in both Android and iOS simulator, go to devices and open an iOS simulator. If you don’t have an Android Simulator then go to Tools -> AVD Manager -> Create Virtual Device -> Select a device -> Select a API level -> Finish.
  • Now you can select any of the device and run this dummy program.
  • To run both the emulators at the same time you can use the Terminal. First go to the project location (cd /project location) and then type - flutter run -d all. Now you can hot reload your app on the fly, press “r” or to restart the app entirely on both simulators, press “R”.

Installation on WINDOWS

  • If you don’t have Git installed in your system, then please do before downloading the Flutter Bundle from flutter SDK and make sure you have Xcode and Android Studio installed as well.
  • Download the flutter SDK and unzip in any location you prefer by not under c:/program files/ as it requires more permission privileges.
  • Make sure you set the path of the flutter/bin location under the environment variable (This PC -> right click to properties -> Advanced system settings -> Environment variables) in the variable called as Path. If there are no variable named as Path then create one and set the flutter/bin path.
  • Open the flutter_console.bat inside the flutter directory and now we can enter the command line codes. Now to check if all the dependencies are installed type - flutter doctor.If anything needs to be downloaded or setup, the flutter doctor will give you a detailed instruction on how to setup. Once all the software/dependencies have been setup, rerun — flutter doctor and if all the dependencies are configured, we can move to the next step.
  • Now we can open Android Studio (make sure you have the latest IDE installed or 3.0>) and the welcome window pops up and on the right bottom click on Configure -> Plugin ->Search and Install Dart and Flutter plugin. If you don’t find the welcome window then you can download the plugin from Android Studio -> preferences ->plugin. Restart Android Studio and now you will be able to see an option called start flutter project.
  • Click on start flutter project and then select Flutter Application from the first window and click next. Give a project name and then for the flutter SDK path give the git repo path and click next.
  • Now choose a company domain and check the checkboxes if you need any Kotlin or Swift support and click finish. Now a dummy project will be setup and to run this project in Android, go to devices. If you don’t have an Android Simulator then go to Tools -> AVD Manager -> Create Virtual Device -> Select a device -> Select a API level -> Finish.
  • Now you can select any of the device and run this dummy program.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.