Flutter Tutorial for Beginners #4 - Creating a Flutter App in Android Studio

[@jackkrauser1371]

For those who can't open the project without Dart Language: Before you click on create a new app, there is a button in the current version with the Flutter Icon. 1.- Click on Flutter Button. 2.- Where it says "Flutter SDK Pack". You'll put the path of your Flutter Folder, it should be like: C:\User\Rest_of_your_Path\flutter (Just find the folder and copy it) 3.- Click on next 4.- Where it says "Platform" choose whatever you wanna choose (It says android, iOS, Linux, MacOs, Web, Windows) 5.- Finish That's all.

[@crux6744]

Omg i dont know how to thank you, tried so long now and this helped me. Thank you so much

[@jackkrauser1371]

@@crux6744 You're welcome brother!

[@praveensagar72]

since flutter 3 is already here so will it it be okay to learn this version 1.7 first. i am so cnfused can you please help

[@roshdyessam3480]

thanks a ton man, I've been trying to figure out why it generates only java files

[@illusionhex1200]

This is how the courses for intermediate programmers should be, great work.

[@liamsmith-yp3xh]

... as someone who tried to just get react native running for about a week and a bit.. this is instantly 100 times more pain free..

[@newbreaker0403]

I am watching this video on 2021 and is still very useful :) In order to make it work the virtual device, you need to activate the Windows Hyper Platform on Control Panel --> Programs and futures --> Turn Windows feautures on or off

[@ibbixyzzy7604]

12:43 I was trying to figure out which cross-platform SDK I should start with, and this four-line "hello world" (or rather "hey ninjas!") did it for me. Thank you so much for making this example so simple.

[@fatimakhalid6856]

Your background is so cool :D! i really appreciate the way you make us understand flutter so easily your an amazing teachers thumbs up to you man! :D

[@destro5990]

amazing how clear and organized your explaination is

[@NetNinja]

Thanks Destro, hope it was helpful :)

[@zahrahosseini7713]

Hi! i watched 12 videos from 37. they were perfect and the best. a big thanks to you and hope you the best

[@NetNinja]

Watch the rest :p haha, thanks :))

[@rsruo8331]

13:27 it should be hot restart ,you will have error by hot reload

[@adammahmoud7959]

thanks was searching for this!

[@nnaemekachimezie1356]

Mine says my virtual device isn't applicable for the main.dart configuration any help would be appreciated.

[@ektakumari3082]

Man you solved a problem that was actually so depressing, Thanks a lot. Love from India.

[@sabiqt00]

thanks mate

[@damianwilk930]

Yaaay, thank you Shaun! It's so exciting to follow this series

[@Mirtguitar]

Everything was great until i found out the changes across versions was too high. Good totorial anyway.

[@stillmattwest]

It's fun doing this course at the end of 2023 with my Mac Studio rendering about 10x faster than Net Ninja's PC. All kidding aside, this is a great course.

[@tortysoft]

This is rather confusing to follow using the 2022 Android Studio, but if you look hard enough you can make it work.

[@SepiaMN]

I never got to the same point as running the demo app. I don’t suppose you could explain what you did?

[@tortysoft]

@@SepiaMN Terribly sorry. I have Long Covid. I can't remember my name half the time. I'd have to totally repeat the process to get any sort of answer. Sorry.

[@nellietobey5494]

For those receiving a multiple key error when running the last minute piece of code, here is the fix, I don't know why a comma missing would cause this error, but I'd love to find out: void main() => runApp(MaterialApp(home: Text('Hello'), ), ); Thanks for the tutorials!!

[@DDLYkitten]

I always find your vidoes when I'm trying to study, I finally found the will to subscribe!!!

[@cipriancristian9933]

the net ninja + the new boston =

[@imaneziani4016]

+ Traversy Media = A bomb of knowledge!

[@idopshik]

Cory Schaffer!

[@shubr2003]

bro love that you go in-depth on the explaining

[@NetNinja]

Appreciate it! :) thanks

[@prashantio]

Even a 37 hour tutorial did not cover the basics as explained here. Cheers!

[@webdev4786]

you really are helping thousands if not millions my bro... big up for ya self.

[@vlad-abc]

Beginners, no need to test your code. Fascinating 😂. Great tutorial so far!!

[@NetNinja]

Thanks Vlad!

[@mvs69]

which android/ios language should be chosen in newest Android studio, in order to continue this course?

[@automatedrecruiter_email1665]

Hey Sean, do you have a paypal or something? I would really like to make a one time donation but I'm not a fan of the whole patreon subscription schema

[@NetNinja]

Hey Zain, thank you so much, my paypal is www.paypal.me/thenetninja

[@jeez123]

@Boston Mendonca What is your GPU and how did you update it?

[@jeez123]

@Boston Mendonca device manager is not always updated with the newest drivers. Try other methods. I am using gtx1050 and I update my drivers through nvidia geforce

[@badanimereviews4576]

@Boston Mendonca just go on the intel website and download it from there.

[@jimmyroxko771]

@Boston Mendonca sometimes it takes a bit time, If it takes a really long time get out of the emulator then retry

[@harryflim]

Any plans on making data structure and algorithm playlist?

[@ibrahimalbrkat1765]

me and my dad always watch ur tutorials since Laravel website days

[@NetNinja]

Awesome! :) say hi to your Dad for me.

[@ibrahimalbrkat1765]

@@NetNinja thanks for the replay, and my dad says hello

[@andythedishwasher1117]

My "new flutter project" page looked significantly different from yours in this video. Has there been an update that changed the whole format of that process?

[@saeedrastegar9436]

Andy, can you help me plz. i got the same page like you... if you find the problem

[@andythedishwasher1117]

@@saeedrastegar9436 It does look different now due to an update, but all the functionality is basically the same. I think there are just a couple things you no longer have to specify.

[@andythedishwasher1117]

To be honest, while I love Net Ninja's courses and teaching style, I've found it difficult to follow his flutter courses since the framework has changed so much since they were written. I'd love to see an update

[@jacobgasser3093]

Love that wallpaper

[@bitcointrader3523]

link plz

[@musagul]

Hello Sir, Your explanation and this tutorial is totally "a good thing" for humanity. Thank you!

[@Slacker4o]

Well done, mate! Quality teaching!

[@tharindadivakara2881]

Open android studio Configure 01:55 - add additional plugins (flutter) 02:40 - restart IDE 02:48 - start flutter project **Flutter SDK path --- C:\src\flutter -- is the default SDK path in windows 05:20 - explaining directory structure 07:58 - explaining main.dart >> 07:40 - opening android device & preview >> 11:25 - editing main.dart

[@encouragemint3869]

add additional plugins did not prompt when I opened Android Studio, idk why. Can you please help me

[@tharindadivakara2881]

@@encouragemint3869, then you can search for plugins by the following path. Go to files > Settings > Plugins tab at the left sidebar > Now you can search for any kind of plugins in the market place.

[@encouragemint3869]

Update, I found it already.

[@RAZR_Channel]

Very well spoken and to the points... (unlike other tubers that are still beating viewers to death with constant CTA)

[@dailyDesi_abhrant]

VSCode with your phone connected to the computer is much better than emulation

[@golden998]

you can also push it to your phone in android studio, you don't need vscode for that specifically but vscode is nice to use

[@beyyou44]

Does that work with iPhone?

[@rogerflatt8054]

Loving your work, Sean - hugely appreciated. Flutter looks like webdev is finally getting there. (Perl CGI is a while ago now ...) Catching up with this series in Jan/Feb 2020 and I think a few things may have subtly changed already. I had licencing issues on Android Studio startup which were resolved with : "flutter doctor --android-licenses" (I replied "y" to a series of 'accept' messages (6?) which seemed to do the trick. The Nexus 5 emulator wouldn't get past the black screen, which seemed to get cured by turning on the Cold Boot option in advanced settings. Thanks again, and good luck.

[@vjrn9945]

anyone here after mike made his video on making his own app

[@nicosoomery139]

Yup

[@user-ks4us7ix5u]

me

[@yash_j9882]

Haha Yea

[@mannasingh1931]

Me

[@bennguyen1313]

Nick Manning suggests, rather than the default boilerplate, instead always start with a 3-file setup: main.dart: import 'app.dart'; main() { runApp( App() ); } App.dart: import 'home.dart'; class App extends StatelessWidget { @override Widget build (BuildContext context) { return MaterialApp ( home: Home() ); // MaterialApp widget } } Home.dart class Home extends StatelessWidget { @override Widget build (BuildContext context) { return Scaffold { ... appbar , body ... } }

[@Laurenan69]

That moment after 500 flutter tutorials when he deletes everything and you realize finally someone actually going to explain something.

[@emanuelameh5722]

Thanks for these videos! My Android Studio looks totally different from yours and it makes it extremely difficult for me to follow along.

[@someone827]

exactly!! so what did you do?

[@CrescentP-wi7ps]

@@someone827 what did you do?

[@_niharikabhardwaj__]

What did u do? I'm facing the same issue...

[@emanuelameh5722]

@@_niharikabhardwaj__ I just let the project be and faced web development

[@blueRusCamel]

Thank you for making it so simple: two line code for 'hello ninjas'.

[@vishnuvardhanmalepati7843]

I had the same expression seeing the default code in the main.dart "Hmmm... This doesn't look simple :P ". Btw, The way you explain is so good .. Thank you :)

[@xamarinmaster1403]

I am a long time Xamarin developer (as you can tell from my username) and have always wanted the opportunity to deploy to the web. Flutter allows that so I am seriously considering switching.

[@shubhamgupta-to7so]

Awesome tutorial. Thank you Shaun.

[@rogiergorter6214]

I have a AMD Ryzen so i needed to do a view changes, but for now it looks like the FloatingActionButton works smoothly. Thanks a lot.

[@colbykapalka7895]

i also have a ryzen and im getting an error everytime i try to launch the emulator, it says i need to manually download the drivers

[@rogiergorter6214]

​@@colbykapalka7895 Download in your SDK manager (Tools-SDK-manager -Systems-Android SDK-SDK Tools) the Hypervisor Driver for AMD processors.

[@clemens7759]

I had the error "Android Emulator Hypervisor Driver for AMD Processors installation failed." but I fixed it by going to the BIOS and enableing the svm mode. Hope this helps someone

[@MarmureanuWeb]

You explain very very well! Thanks!

[@hk20092009able]

Perfect learn easy language clear view ... thanks , a lot of thank to your courses

[@bensosfrequents]

You told us that => is used to return something, please explain why a void method is returning something here "void main() => runApp(const MyApp());". Sorry but I'm a bit confused, I followed your previous tutorial where you taught on dart basics and I remember clearly telling us that this symble => is used to return?

[@maoozshah7045]

I have a Gradle problem in android studio. I can’t understand what’s going on. What went wrong: BUG! exception in phase ‘semantic analysis’ in source unit ‘BuildScript’ Unsupported class file major version 60 Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

[@chvrleshd]

Guys Like this will be hated very much by programming experts who love to uphold that sense of elitism 😂. He’s teaching very effectively for free!

[@hm9825]

excellent ur videos are so easy to follow mate

[@NetNinja]

Thanks HM, glad you think so!

[@MariusSemeonOrtiz]

Anyone else run in to issues with hot reloading not working when changing the default code to run from MaterialApp() inside the runApp function? (i'm using vscode btw, not android studio)

[@amanihrd7609]

you make learning so fun thank u Ninja

[@maoozshah7045]

how can i solve it ? Could not open settings generic class cache for settings file 'D:\StudioProjects\myapp23\android\settings.gradle' (C:\Users\Muaviz Shah\.gradle\caches\6.7\scripts\1fnwrr8g4rohfp291nvlxj5qe). > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 60

[@reinerheiner1148]

Thanks for the series! One question - in your gui, the vertical indent guide is highlighted / changes color when you select code within it. additionally, there is a horizontal line where the vertical indent guide ends. How did you do this? It really helps with reading code. I searched everywhere, but I cannot get it to set to be interactive and the same style like it is in your editor. EDIT: found it. if the project does not recognize the flutter sdk, this happens. I had to set the projects flutter path manually. Keeping the comment up in case someone else has the same problem.

[@Petrikov-bw7zs]

Thanks this helped.

[@ayushjindal123]

Thank you for the wonderful course and you have explained in such a nice work❤❤💖💖

[@MlkBnh]

i'm using Vscode with flutter and dart extention , so should i watch your tutorials !!!

[@Boxply]

Got skillshare but this is the best tutorial compared to those

[@irocx8745]

Great tutorial for beginners on Flutter #100/100

[@bts-nw5bi]

I really like your explanation

[@sergiomedina5520]

Thanks a lot sir! You helped me a lot!

[@mobaidiobaidi8644]

This tutorial is totally amazing 👍🏼👍🏼

[@AbdulJabbar-db5yn]

0:48 you should also create an advance english course xD. i liked the word plethora.

[@EmreYavuzalp]

Very clean English, thanks maaate

[@abs1596]

Hi Shaun, am happy i found your tutorial and Started learning Flutter, In my scenario just installing the flutter and dart then restart Android Studio doesn't worked, but with installing the Android APK Support and Android NDK support worked for me. Just want to address this issue which i faced.Started your next tutorial.Thanks

[@uniquecasinofreeslots2944]

by me, the sample app says "const" - what does this mean? void main() { runApp(const MyApp());

[@rahmatprayogo]

Maybe the version is different

[@natiqueansari6073]

While running the demo code , error occurs : Exception: Gradle task assembleDebug failed with exit code -1 Please help with the issue.

[@arnoldekechi6391]

hi did you ever fix this cause i'm having the exact same issue

[@natiqueansari6073]

@@arnoldekechi6391 no soln is present anywhere related to this problem , even the flutter community has no answer related to it , eventually i gave up on it .

[@vastu_utsav]

Beard Juice 4 months ago I had this exact same problem and it's an easy fix. Open your build.gradle file: \[project_name]\android\build.gradle Find the dependencies section - it should have a like this this: "classpath 'com.android.tools.build:gradle:3.5.0'" Change that to 3.4.2 instead: "classpath 'com.android.tools.build:gradle:3.4.2'" I found this on the Flutter github somewhere. They mentioned there's a bug in 3.5.0 and to just set it to 3.4.2 until a fix is released.

[@cindybienetre]

Ah merci ! Moi qui voulait recommencer à coder, j'ai voulu lancer mon application sur Android Studio et j'ai un peu galéré à retrouver comment faire. Très bien expliqué !

[@karunsomasundarm9900]

Very Well explained Thank You ..❤❤❤

[@ekohekpereamaka200]

Hello sir I’m having problem previewing the dummy app on my emulator

[@DenienTV]

For peoplw having gradle task assemble problems, go to *user*/AppData/Local/Android/Sdk/platforms and delete all folders inside (into the bin, don't clear it cause you'll need them later). Try to run the code on the emulator again, but it won't let you. Now restore the folder/folders from the recycle bin, maybe restart Android Studio and hopefully it will run without errors. I know this doesn't make sense but somehow it worked for me (someone advised to delete the folders, I did it but it still wouldn't run so I restored them and it worked)

[@masterofchallenge6438]

Amazing course, thank you!

[@NetNinja]

You're very welcome! Hope it was useful.

[@sheldonxu635]

i like the way you teach!!!!!

[@rajshreegavel5966]

Thank you so much for this amazing video, but it is taking an extremely long time to run my application for the first time. Why is it so?

[@halokart.official]

Thank you for these lessons! They're a great help! Stuck a little though... After creating the AVD Device, it is not showing up in dropdown. When I open AVD manager, the device is present but when I run it, it shows error "Unable to locate adb" (and device opens up). I checked StackOverflow for this but the solution they gave (reg. platform-tools) is not working either. Any suggestions? Thanks!

[@halokart.official]

@h Like my comment so someone might reply. I'm still stuck!

[@halokart.official]

​@isd I solved this issue by following and with the help of this video: kzbin.info/www/bejne/i2W3e2h_iayYa7s You may need to do a lot of terminal/cmd prompt work. Take the help of this video and stackoverflow/google as you work on it.

[@Samuel-ns5jb]

Do you have the solution?

[@fouried96]

I am trying to import the material package but it says the URI does not exist, how do I fix this? Thanks

[@dev.shafkhan]

Thanks so much for your work!

[@NetNinja]

Thanks Shafkhan :)

[@shahedrupok9267]

Hello I am a developer. My flutter is ok. Now, I have downloaded android studio for Android Virtual Devices (AVD) but i can not connected devices (AVD) on my project. On the other hand my windows does not support virtual devices. I have checked HAXM. So now what can i do for that?

[@ManjushaCha]

(4:50) That IDE is just like pycharm!

[@robotmeatsuit302]

made by the same company

[@altayer110]

Nice Wallpaper

[@rizwansayyed5043]

lovely explanation

[@karunsomasundarm9900]

He had discussed about Hot Reload and Restart in the coming Videos

[@sankoproduction2389]

love your background 💙

[@GaLzZy.]

Can you just take whatever app you made for Android in Android Studio and build it in Xcode to make it an iOS app? Thanks

[@sonamrinchen8566]

Thank you for this Wonderful video!!

[@hupa1a]

Thank you for this nice course!!

[@gamegunner9079]

Hi Bro, Not getting the Android and iOS folder under myapp

[@leviathan8319]

9:55 sounded like you were about to yawn

[@adlin3677]

Hello, I've created the virtual device, but why is it not appearing on the options from no devices selected button?

[@assmafdh6985]

you're really so good ,thanks

[@rajansingla5516]

Hello, thanks for this great video,,,,, how can I run this app on iOS simulator using android studio in windows ??

[@nivedrajan6348]

Which will be my sdk path

[@aisha_ab88]

Yaaay, big like thank you so much ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

[@shuvobarua6018]

ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.

[@bhavnasoni9148]

Ohh that wallpaper ❤💕

[@hardcoreadam9419]

i don't have the configure button on android studio what should i do edit: lol im so stoopid the tab was to small so the button didnt like register or configure yet

[@JagSan.]

Awesome! Thanks!

[@pixelsmile8934]

Do you plan to organise intermediate classes ? Your class is really great!

[@tiagooliveira9196]

Hey there, i've installed Android Studio, Flutter Plugin and configured AVD. But when i start the APP there are no devices available to chose. Any advice?

[@EmreYavuzalp]

As I remember, just open avd manager separetely first, then open the device. Then go back to studio and run app.

[@ekohekpereamaka200]

hello sir please can you do a video for 2024

[@gautampramod1734]

sir.. do we need java jdk before installing android studio? I tried without it.. And i could not run the main.dart program. it shows me an error..I followed ur all instructions.. I am loving ur tutorial.. plz help me..

[@pushkarkastoori]

Yes Java 8 is required

[@vijayasonkusare5130]

When the main function is void, how can it return runApp?

[@zakblacki]

Video start at 9:00 for dart file