Welcome, Guest: Join Nairaland / LOGIN! / Trending / Recent / New
Stats: 2,802,018 members, 6,697,809 topics. Date: Saturday, 29 January 2022 at 03:24 PM

Create Your First Android Application On Flutter. - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Create Your First Android Application On Flutter. (905 Views)

Your Opinion On Flutter. I Think It Is Future / Which One Should I Focus Between Android App Development And Web Application On / Just Published My First Android Game (photos) (2) (3) (4)

(1) (Reply)

Create Your First Android Application On Flutter. by JullianNoah: 12:39pm On Aug 08, 2019
I am writing this blog for people why are thinking about learning android application or want to make an application just for fun.
So lest get started with our tutorial.
So What Is Flutter?
Flutter is Google’s mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source. Flutter works on one codebase but results in building native apps for both Android and iOS.
Basic Requirements Before Starting With Flutter
Knowledge of Dart, which is essential for developing Flutter Applications. Learn more about Dart from https://dart.dev/guides.
Architecture of Flutter
Everything is a widget in Flutter App. Flutter gives you a plethora of widgets for building rich UI with powerful functionalities. There may be more than one way of achieving the same UI or functionality in Flutter. Flutter embrace Platform Differences, that means if you want to make your app function in one way in Android but differently in iOS and even if you want to make your app function differently in different device sizes. Flutter works on One Codebase but results in having an app for both iOS and Android, it is just same as Learn Once Write Anywhere.
Comparison between the two giants
Important Resources
https://flutter.dev/docs/development/ui/widgets
https://dart.dev/guides
Spend as much time as possible on flutter widget catalog URL, it will help you to enhance your knowledge and you will stay up to date with community work, you will get to know many possible ways for achieving the same target.
Let’s start with installing Flutter into your system
Reach to website https://flutter.dev/docs/get-started/install
1. Click on your system’s OS, and then download the Flutter SDK.
2. If you are Mac or Linux user:-
3. Extract the file in the desired location, for example:

cd ~/development
#flutter version might be different in your case
tar xf ~/Downloads/flutter_linux_v1.7.8+hotfix.4-stable.tar.xz

Open (or create)
. The file path and filename might be different on your machine.
Add the following line and change
to be the path where you cloned Flutter’s git repo:

export PATH=$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin

Run
to refresh the current window.
Verify that the
the directory is now in your PATH by running:
1
2
3

echo $PATH

4. If you are Windows User:-
Extract the zip file and place the contained
in the desired installation location for the Flutter SDK (for example,
; do not install Flutter in a directory like
that requires elevated privileges).
Locate the file
inside the
directory. Start it by double-clicking.
From the Start search bar, type ‘env’ and select Edit environment variables for your account.
Under User variables check if there is an entry called Path:
If the entry does exist, append the full path to
using
as a separator from existing values.
If the entry does not exist, create a new user variable named
with the full path to
as its value.
Note that you have to close and reopen any existing console windows for these changes to take effect.
5. 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:content_copy
1
2
3

C:\src\flutter>flutter doctor

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).
6. You need to setup either Android Emulator or iOS simulator into your device, which is really easy. You can download them from here:-
https://developer.android.com/studio/
https://developer.apple.com/xcode/
To install Android Studio:-
Download and install Android Studio.
Start Android Studio, and go through the ‘Android Studio Setup Wizard’. This installs the latest Android SDK, Android SDK Platform-Tools, and Android SDK Build-Tools, which are required by Flutter when developing for Android.
7. Install VS Code in your System and install extensions named Dart and Flutter

I got this article from this amazing website read full tutorial here [/https://codersera.com/blog/first-flutter-app/]
Re: Create Your First Android Application On Flutter. by Unity01: 1:37pm On Jan 01, 2021
Hi JullianNoah... Thanks so much for this tutorial...
I downloaded the Flutter SDK not too long ago, but I'm having issues running the app.
After serious efforts and sleepless nights, I finally got the android emulator running on android studio, but I still get errors when I try running it in VSCode and even android studio...
I'll try and post the errors and maybe screenshots as soon as I can.

(1) (Reply)

What Can I Use Instead Of Android Studio? / Looking For An Internship Position / Countries With The Best Developers

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2022 Oluwaseun Osewa. All rights reserved. See How To Advertise. 53
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.