Flutter Tutorial for Beginners #4 - Creating a Flutter App in Android Studio
Vložit
- čas přidán 4. 06. 2024
- Hey gang, in this Flutter tutorial we'll take a look at how to set up a Flutter app in Android Studio, as well as how to install an Android virtual device to test our Flutter apps on.
----------------------------------------
🐱💻 🐱💻 Course Links:
Course files - github.com/iamshaunjp/flutter...
Android Studio - developer.android.com/studio
Git - git-scm.com/downloads
Flutter Installation - flutter.dev/docs/get-started/...
🐱💻 🐱💻 Other Related Courses:
+ Modern JavaScript Tutorial - www.udemy.com/modern-javascri...
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.
Omg i dont know how to thank you, tried so long now and this helped me. Thank you so much
@@crux6744 You're welcome brother!
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
thanks a ton man, I've been trying to figure out why it generates only java files
This is how the courses for intermediate programmers should be, great work.
... 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..
Yaaay, thank you Shaun! It's so exciting to follow this series
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.
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
Hi! i watched 12 videos from 37. they were perfect and the best. a big thanks to you and hope you the best
Watch the rest :p haha, thanks :))
Well done, mate! Quality teaching!
you really are helping thousands if not millions my bro... big up for ya self.
amazing how clear and organized your explaination is
Thanks Destro, hope it was helpful :)
Hello Sir, Your explanation and this tutorial is totally "a good thing" for humanity. Thank you!
I always find your vidoes when I'm trying to study, I finally found the will to subscribe!!!
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
Awesome tutorial. Thank you Shaun.
You explain very very well! Thanks!
13:27 it should be hot restart ,you will have error by hot reload
thanks was searching for this!
Mine says my virtual device isn't applicable for the main.dart configuration any help would be appreciated.
Man you solved a problem that was actually so depressing, Thanks a lot.
Love from India.
thanks mate
Perfect learn easy language clear view ... thanks , a lot of thank to your courses
Thanks a lot sir! You helped me a lot!
Very well spoken and to the points... (unlike other tubers that are still beating viewers to death with constant CTA)
bro love that you go in-depth on the explaining
Appreciate it! :) thanks
Thank you for this nice course!!
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
Thank you for the wonderful course and you have explained in such a nice work❤❤💖💖
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 :)
you make learning so fun thank u Ninja
This tutorial is totally amazing 👍🏼👍🏼
Great videos. I have Windows 10 Home, AMD Ryzen 7 3700X, and use Hyper-V for device emulation. Maybe Sean can make, or link to, a video to set this up.
Thanks so much for your work!
Thanks Shafkhan :)
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.
love your background 💙
Thank you for this Wonderful video!!
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.
Great tutorial for beginners on Flutter #100/100
Love that wallpaper
link plz
Any plans on making data structure and algorithm playlist?
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!!
the net ninja + the new boston =
+ Traversy Media = A bomb of knowledge!
Cory Schaffer!
Awesome! Thanks!
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.
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
@@colbykapalka7895 Download in your SDK manager (Tools-SDK-manager -Systems-Android SDK-SDK Tools) the Hypervisor Driver for AMD processors.
anyone here after mike made his video on making his own app
Yup
me
Haha Yea
Me
lovely explanation
Amazing course, thank you!
You're very welcome! Hope it was useful.
Even a 37 hour tutorial did not cover the basics as explained here. Cheers!
Very Well explained Thank You
..❤❤❤
Everything was great until i found out the changes across versions was too high. Good totorial anyway.
you're really so good ,thanks
Beginners, no need to test your code. Fascinating 😂. Great tutorial so far!!
Thanks Vlad!
Very clean English, thanks maaate
Thank You!
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é !
I really like your explanation
i like the way you teach!!!!!
Ohh that wallpaper ❤💕
Do you plan to organise intermediate classes ?
Your class is really great!
Thank you for making it so simple: two line code for 'hello ninjas'.
Yaaay, big like thank you so much ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
excellent ur videos are so easy to follow mate
Thanks HM, glad you think so!
This is rather confusing to follow using the 2022 Android Studio, but if you look hard enough you can make it work.
I never got to the same point as running the demo app. I don’t suppose you could explain what you did?
@@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.
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.
thats amazing
Hello, thanks for this great video,,,,, how can I run this app on iOS simulator using android studio in windows ??
Nice tutorial sir. keep it up
which android/ios language should be chosen in newest Android studio, in order to continue this course?
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.
Thanks this helped.
Awsome, thankss
hey sean, whats your system specification at time of recording this series
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?
nice... well done
i'm using Vscode with flutter and dart extention , so should i watch your tutorials !!!
Thank you.❤❤❤❤
Thanks for these videos! My Android Studio looks totally different from yours and it makes it extremely difficult for me to follow along.
exactly!! so what did you do?
@@someone827 what did you do?
What did u do? I'm facing the same issue...
@@_niharikabhardwaj__ I just let the project be and faced web development
I am trying to import the material package but it says the URI does not exist, how do I fix this? Thanks
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
Hey Zain, thank you so much, my paypal is www.paypal.me/thenetninja
@Boston Mendonca What is your GPU and how did you update it?
@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
@Boston Mendonca just go on the intel website and download it from there.
@Boston Mendonca sometimes it takes a bit time,
If it takes a really long time get out of the emulator then retry
That moment after 500 flutter tutorials when he deletes everything and you realize finally someone actually going to explain something.
Alot of thanks
Hey there, nice tutorial lessons.. easy to understand. But I'm having a problem , i'm seeing some red color folders in the project view, and after a lot of searching what they are I found out that they are excluded directories, of which you can enable/disable visibility from settings in "project pallete". So what are "Excluded Directories" actually ? Can we just delete them ?? @TheNetNinja
That issssss amazing 👍🏽👍🏽👍🏽👍🏽👍🏽
hey GOOD course bro
Amazing
Hi... loving these tutorials. One question: what option or plugin do I need to enable the vertical guide lines that group functions' bodies?
did you get the answer to this?
@@amarabdi4752 Unfortunately I did not; however I was able to enable those lines... somehow...
But try this, got to File->Settings, then navigate to Editor->Color Scheme->General. Look under "Guides" and see if changing/enabled the colors for the "iindent guide" works.
@@amarabdi4752I got it by installing flutter plugin
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?
Andy, can you help me plz. i got the same page like you... if you find the problem
@@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.
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
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!
@h Like my comment so someone might reply. I'm still stuck!
@isd I solved this issue by following and with the help of this video:
czcams.com/video/U4TJ5ITGe5Y/video.html
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.
Do you have the solution?
take this dude set this dude XD
Thx a lot
me and my dad always watch ur tutorials since Laravel website days
Awesome! :) say hi to your Dad for me.
@@NetNinja thanks for the replay, and my dad says hello
Hi and many thanks for this great course! However I couldn't activate emulator it freezes on the download step, I searched and couldn't find this error on google, hey guys can you give me some pointers please?
Hi dude your videos are awesome, can you share your wallpaper I am very fond of that.
Hello Sir
I follow up the same steps as yours but there is android studio 3.1 version downloaded which is very different from yours one, so what should i do now?
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..
Yes Java 8 is required
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 ...
}
}
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)
Hello is there a link to the background picture on your computer ?
can u access virtual device if i haven't enabled vt-x in BIOS
Go on !
Hey ninja, could you please add a tutorial for how to cache network data in flutter
I have an AMD processor and not Intel, so it is not possible to create an emulator?
I cannot install HAXM to my laptop , my laptop is Windows 10 HOME which doesn't support Hyper-V feature so what should I do for Virtual Device in Android Studio ? Please Help Me
A huge Merci (:
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
In the previews lesson you told us : the void function does not return anything! but here the void main function return runApp(myApp()) ?
please tell me why? thanks