Тёмный

Preview Flutter Applications on Multiple Devices 

Fun with Flutter
Подписаться 32 тыс.
Просмотров 30 тыс.
50% 1

Опубликовано:

 

24 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 74   
@aloisdeniel
@aloisdeniel 4 года назад
Wow, thanks for the kind words and the highlight! I will add desktop preview as well as soon as it lands in stable! Great video work by the way! :) You got a new subscriber obviously.
@FunwithFlutter
@FunwithFlutter 4 года назад
Thanks :) and thanks to you for the great package.
@kitompoglavi
@kitompoglavi 4 года назад
That's what she said?
@gameplaystrailers7797
@gameplaystrailers7797 4 года назад
Aloïs Deniel you are awesome
@bikkikumarsha
@bikkikumarsha 4 года назад
Flutter is a revolution. Thanks for your priceless contribution.
@1879heikkisorsa
@1879heikkisorsa 4 года назад
Thank you both!
@loisienyami5095
@loisienyami5095 4 года назад
This is so cool! I really have been needing to do this and my issues are that I don't have a Mac, and I don't have many devices on me either. So it will make things so much easier for me
@FunwithFlutter
@FunwithFlutter 4 года назад
Super! Glad you like it. It makes it very easy to quickly switch between different devices to preview different screen sizes and so. But it can't substitute a real device in every instance. You'll see in the package description they mention some limitations - which will give you a better idea.
@tristangrobler4950
@tristangrobler4950 2 года назад
Always cool hearing someone in SA doing cool content!
@FunwithFlutter
@FunwithFlutter 2 года назад
We're taking over
@Salehalanazi-7
@Salehalanazi-7 4 года назад
If anyone is wondering the music in the intro is Roral Ceef - A Snake Walking Great video yo! Brightened my day
@FunwithFlutter
@FunwithFlutter 4 года назад
Glad it brightened your day! This was the quickest I've ever chosen a song before. Went on epidemic sound. The song was promoted. Played it. Loved it. Five minutes later I put it in the video. Normally I spend an hour trying to decide.
@bikkikumarsha
@bikkikumarsha 4 года назад
More short videos about cool packages please.
@FunwithFlutter
@FunwithFlutter 4 года назад
Coming soon
@shwanagha230
@shwanagha230 4 года назад
great way to raise donations.... best ever
@AMR-vx6rj
@AMR-vx6rj 4 года назад
Thaaaaaaaaaaaaaaank you , i have a small question >> Should i remove or add these properties inside the materialApp ? locale: DevicePreview.of(context).locale, builder: DevicePreview.appBuilder, i don't know the difference between adding or removing them but i see the difference !!
@mohsanikram3569
@mohsanikram3569 4 года назад
Level no words for this
@FunwithFlutter
@FunwithFlutter 4 года назад
Thanks :)
@eiderarango5863
@eiderarango5863 3 года назад
Nice video, thanks bro for sharing.
@krishnakumarramachandran5888
@krishnakumarramachandran5888 4 года назад
Thanks for this video, waiting for your upcoming video's brother.
@FunwithFlutter
@FunwithFlutter 4 года назад
Most welcome
@nihatcancivi5630
@nihatcancivi5630 3 года назад
Nice video , ty.
@admin69234
@admin69234 4 года назад
really like this feature.
@kavyapatnaik6975
@kavyapatnaik6975 3 года назад
6.7.1 has issues with stable version of flutter. But using beta 0.6.2 solved it. Works smoothly on emulator.
@nabinray3150
@nabinray3150 4 года назад
I have added the dependencies and done the else code but now how to launch the emulator? Because when I run the code it tells to connect a device.
@FunwithFlutter
@FunwithFlutter 4 года назад
Not sure I understand. There shouldn't be an issue if you can run the normal Flutter starter app. Can you provide more info
@fiqbaha8019
@fiqbaha8019 4 года назад
@@FunwithFlutter Yeah i think their situation is similar to mine. I'm currently using flutter in android studio and can't seem to run the test app. It says that there are no connected devices( The green run button on android studio is grey and not green). So is there a way to get around this or do I have to use visual studio to run the dependency ' device_preview'.
@nabinray3150
@nabinray3150 4 года назад
@@fiqbaha8019 yeah its the same issue of mine.
@walterbarker2
@walterbarker2 4 года назад
I have the same issue in Visual Studio Code - no connected device
@walterbarker2
@walterbarker2 4 года назад
I think I understand the issue now. You have to have at least one Android emulator installed FIRST and then you run this as an emulator within an emulator, is that right?
@Ainigma
@Ainigma 3 года назад
Can i preview iPhone without a MacBook with this plugin?
@alifarhadali5580
@alifarhadali5580 3 года назад
amazing 💙💙
@michelgent7419
@michelgent7419 4 года назад
Hey, getting the following exception: No MaterialLocalizations found. Does anyone knows how to solve it?
@sobanjosodiqsolomon9947
@sobanjosodiqsolomon9947 4 года назад
Nice tutorial 👍...but, i really don't know how to run it on windows after adding to pubspec.yaml and to main.dart file, i'll appreciate any help. Thanks.
@FunwithFlutter
@FunwithFlutter 4 года назад
Hey, thanks. Just to clarify, in the video I'm running the app on a android emulator with a set size, not on windows
@rayhanyulanda
@rayhanyulanda 3 года назад
@@FunwithFlutter Should i input the package in "dependencies" not in "dev_dependencies"?
@mefrochedcosta1428
@mefrochedcosta1428 4 года назад
As new to Flutter After adding the dependency and installing the packages I'm receiving an error for the import. Target of URI doesn't exist: 'package:device_preview/device_preview.dart'. Try creating the file referenced by the URI, or Try using a URI for a file that does exist.
@FunwithFlutter
@FunwithFlutter 4 года назад
Are you sure the package was installed. Maybe do a test and see if you can use a different package. Also make sure that there are no weird tabs or spaces in your pubsec.yaml file when including packages. This could cause errors
@Maudrandir
@Maudrandir 4 года назад
next video idea: styled_widget package, the author says it is a replacement for Division package, same owner
@FunwithFlutter
@FunwithFlutter 4 года назад
Get out of my head. I actually considered it for a while. But I've not used it day-to-day yet. Once I've used the package a bit more and given it a proper go, I might just make a video about it. Thanks for the suggestion.
@taeispoop190
@taeispoop190 3 года назад
hi! i'm a beginner in flutter, i just want to ask if this is enough to test my app if it works on multiple devices or is it just really a preview, because i can't work with emulators
@FunwithFlutter
@FunwithFlutter 3 года назад
I just emulates. Physical devices are always best, second best would be an emulator. And this is just a nice to have.
@mahesh_jamdade
@mahesh_jamdade 4 года назад
Device preview is the package
@abhinaychitirala2448
@abhinaychitirala2448 4 года назад
Hey. Can you walk me throw this. I am not able to understand. Pretty much very new to Flutter.
@mahesh_jamdade
@mahesh_jamdade 4 года назад
@@abhinaychitirala2448 its very simple to use follow the documentaton at pub.dev/packages/device_preview Add the package to pubspec.yaml Add a device preview builder to your material app (main.dart) And simply run it, It will start running device in device
@phanirithvij
@phanirithvij 4 года назад
0:18 you lied it only took me a few seconds
@FunwithFlutter
@FunwithFlutter 4 года назад
Hah! Better to underpromise and overdeliver.
@hardikvansia3293
@hardikvansia3293 4 года назад
I accept I am noob. With the help of this now can we run ios device on Windows ?
@FunwithFlutter
@FunwithFlutter 4 года назад
Unfortunately not. It's just a skin to make it look like the device. For native functionality always run on the target platform/device.
@taufiqhasib9720
@taufiqhasib9720 4 года назад
how can we calculate RGB(red, blue, green) from a photo image ?
@FunwithFlutter
@FunwithFlutter 4 года назад
pub.dev/packages/palette_generator
@blank-vw2sb
@blank-vw2sb 4 года назад
Nice
@motabarjavaid5482
@motabarjavaid5482 4 года назад
The preview runs inside of my current emulator. I know its too much but is there a way to emulate it outside of the boundary of my current emulator? Like you've shown in the video
@FunwithFlutter
@FunwithFlutter 4 года назад
Hmmmm. I might misunderstand your issue. But here's my answer. I *am* running it in an emulator. That's what you want. However I created a *large* emulator. Specifically for this. You can create a custom android emulator in AVD (android virtual device) manager. That said if you're running a Mac I think you can run this as a Mac app, and you can also run this on the web. I'm sure in the future Windows/Linux will also have better support. Which will be dope.
@motabarjavaid5482
@motabarjavaid5482 4 года назад
How big would you recommend?
@FunwithFlutter
@FunwithFlutter 4 года назад
Depends on your screen size. If your running on a 13 inch laptop, make it 13 inches. And set the resolution to a high resolution, or something like 1920x1080. That is my setting.
@aloisdeniel
@aloisdeniel 4 года назад
You can launch it on Desktop from master channel!
@motabarjavaid5482
@motabarjavaid5482 4 года назад
even on linux?
@MoAdel92
@MoAdel92 3 года назад
how to run it after doing this steps
@khanisrarahmedalihusain
@khanisrarahmedalihusain 4 года назад
I am getting error in app level build.gradle file while connecting my project to firebase. I am trying to solve this problem since last week. But I haven't got any solution yet. So if anyone can help me then please help.
@FunwithFlutter
@FunwithFlutter 4 года назад
Might be better to ask this question on StackOverflow, and maybe provide a little bit more information on the error.
@yaroslavmakarov2218
@yaroslavmakarov2218 3 года назад
How did you open emulator in the fill screen?
@FunwithFlutter
@FunwithFlutter 3 года назад
Tablet emulator. Hacky hack attack
@HimanshuYT
@HimanshuYT 4 года назад
❤️💙💙
@simplastx4821
@simplastx4821 4 года назад
cool
@adriaanstips1407
@adriaanstips1407 2 года назад
Ek is ook Afrikaans 😌😎
@ravgeetdhillon2990
@ravgeetdhillon2990 4 года назад
This video deserves 100% like-to-dislike ratio.
@FunwithFlutter
@FunwithFlutter 4 года назад
Thanks :)