While your here, quick question: is there plans to implement some sort of a drag and drop component for design flutter? similar to how it is with android studio when just creating android apps with java
benton202 If you mean a graphical tool that works as a drag-and-drop editor/preview of the UI, I don't think that's on our roadmap right now. The team has mostly been focused on making hot reload so fast and easy to use that your app itself functions as the preview: make a change, hot reload, fiddle a bit more, hot reload, just like you see me doing in the video. There are some tools in the works from other places, though. Infragistics recently announced a tool that will convert designs to Flutter code, for instance: www.infragistics.com/about-us/in-the-news/infragistics-announces-indigo-design-to-code-studio-a-digital-product-design-platform-bringing-designers-and-developers-together-to-build-amazing-user-experiences
اعتقد ان قوقل بحاجة لتحديث هذا الكود لانه لم يعد يعمل في التحديث الجديد .. لكن يجب ان أقول لقد كان الدرس مفيدا جدا بالنسبة لي و سهلا و الأهم من ذلك كان مختصرا يستحق 10/10 لو كان الكود محدثاً احببته ... I think Google needs to update this code because it no longer works in the new update.. But I must say, the lesson was very useful for me, easy, and most importantly, it was brief, worthy 10/10. If the code was up-to-date, I love it.
btw the theme property on MaterialApp changes need full reloading, the modification does not show on hot reload only. love working on flutter, 1 month into learning this now
really fast and easy, great! One question: in the last step we changed the color of the button in some way that Flatt button has purple text on white background and raised button is vice versa. was it made automatically?
Yes. That difference is part of the behavior of the widgets, and should be automatic. RaisedButton (docs.flutter.io/flutter/material/RaisedButton-class.html) is intended to be a default choice, so it uses the bold primary button color as a way of saying, "Hey! Click me!" FlatButton (docs.flutter.io/flutter/material/FlatButton-class.html) is a choice that's present, but not as emphasized, so it uses a transparent background and styles its text using the primary color.
Was the ListTile widget not invented by the time of this video because I feel like it would completely remove the need of the GestureDetector and styling the extra Container?
I built an app that works when loaded from android studio. But when I try to open it on my android phone without attaching it to my computer, it just loads forever. Any advice? It was built in flutter.
True, but that's mainly because I'm totally focused on the UI in this video and keeping everything else hardcoded and in one file. I recommend checking out Brian Egan's architectural samples to get an idea of how separation of concern can work in larger apps: github.com/brianegan/flutter_architecture_samples
The iOS simulator only works on MacOS, but that's a simulator restriction, not a Flutter one. You have that problem no matter how you develop an iOS application. The upside is that you can take your code that you built your Android app from and copy it to a Mac and simply build an iOS version with no changes.
Ionic is browser viewer with some API In the other hand flutter react native and xamarin are native apps that can work in both with the same code. So no you can't because it's not HTML CSS
José Roberto Meza Cabrera it’s because you mostly use one method which is implemented in different ways (build method), and it returns a widget type. This is because flutter uses widgets for the most part (if not everything) thus wrapping every widget in a parent widget e.g Scaffold will return that parent with its children. The brackets can get many and messy but considering that you are basically building layers of widgets stacked on each other, they are necessary. I don’t know if this makes sense. But I’m sure you’ve already figured this out now but I thought I’d give it my best explanation/ opinion anyway.
hi, please help me for chice flutter or swift native im an iosdeveloper for 8 month bu t see flutter , i dont . now got to flutter or stay swift .... thanks for you important for me
Hi, I need to point out some things for you people in Google. When you develop a new platform, make sure you include all the documentation. If flutter is to ease developing, then why make it so complicated just to install it?? Where is the emulator?. I have an AMD system, and I don't intend to use intel in the future just to develop android apps. I have been struggling to make emulator work. The basic flutter app crashes on visual studio emulator.(only way I can run AVD).
Welp... dart again, it gets more and more frustrating supporting Angular. I really just want to know if I can expect something on angular + flutter or even if angular is considered to be mobile at all.
There's Angular Dart (the Dart version of Angular). Apart from that Flutter is used for native app development, not web development (it's Dart that can target the JavaScript or ARM code). There's nothing stopping you using Angular with Cordova or Ionic for hybrid app development.
me: *drops here from flutter because the material.dart package doesn't want to be imported and VSCode directed me here* also me: cool a flutter dev tutorial. And I am still clueless on solving my problem. Thanks Andrew.
There's an unofficial Flutter package for Google Maps (I'm sure an official one is on the cards before the V1 release - it makes sense to have one). pub.dartlang.org/packages/map_view
There seems to be issues. when placing: class Kitten { const Kitten({this.name, this.description, this.age, this.imageUrl}); ... } Android Studio is yelling saying: const Kitten => Kitten is an invalid constructor name. The Kitten after all read: The name 'Magician' isn't a type so it can't be used as a type argument. Some Stack Overflow posts suggested to initiate the list inside constructor. I haven't gotten it working yet. Putting this comment here for anyone else who may be banning their head also.
"short time coding" when eliding the "serious amounts of practice that goes before", but yes, this is pleasant. It probably needs a slight updated for the latest Dart/Flutter though.
I am sorry, I am a beginner to coding so from this explanation I couldn't understand anything so can someone please recommend some videos for me to watch so that I can learn coding.
Unfortunately the dart bridge to native code is too big compared to the JavaScript one used by react native. I was super excited by flutter but it has nothing more than react native.
I cant help myself but this code is so ugly, good luck to person who will maintain this code. No separation of model, view & logic. Flutter seems very easy for small project like shown in this video but once there is 20 pages, 50 entities good luck or am I missing something. I would like to see separation for model (Kitty), template for (dialog) with centralized css file, and logic but in this video, it is merged everything into 1 file that makes is unmaintainable for big projects.
This comes up a lot. The team wrote an article explaining what Flutter needs from its language, and why Dart was chosen: hackernoon.com/why-flutter-uses-dart-dd635a054ebf
Monty Rasmussen I honestly don't like the descriptive approach I prefer an MVC approach it is more organized and concise, Dart code with its seemngly never ending code blocks is confusing and ugly
That's a separate issue from what language the Flutter framework uses, though. But in response to that extremely common concern, all I can say is that pretty much everyone who gives it a real try either finds it isn't so bad or even comes to prefer it. I don't personally have a strong opinion on the subject of imperative UI, as I'm more of an AngularDart developer (web apps).
Hmm. Seeing myself is making me wonder whether my shirt wasn't printed straight or my shoulders are somehow uneven.
Andrew Brogdon haha
its cool !!
While your here, quick question: is there plans to implement some sort of a drag and drop component for design flutter? similar to how it is with android studio when just creating android apps with java
benton202 If you mean a graphical tool that works as a drag-and-drop editor/preview of the UI, I don't think that's on our roadmap right now. The team has mostly been focused on making hot reload so fast and easy to use that your app itself functions as the preview: make a change, hot reload, fiddle a bit more, hot reload, just like you see me doing in the video.
There are some tools in the works from other places, though. Infragistics recently announced a tool that will convert designs to Flutter code, for instance: www.infragistics.com/about-us/in-the-news/infragistics-announces-indigo-design-to-code-studio-a-digital-product-design-platform-bringing-designers-and-developers-together-to-build-amazing-user-experiences
Awesome :D
I hope no kittens were harmed in the making of this video
All kittens were scratched behind the ears and given a free meal at the Google café of their choice. :)
i love all team of Flutter .
from Brazil
اعتقد ان قوقل بحاجة لتحديث هذا الكود لانه لم يعد يعمل في التحديث الجديد ..
لكن يجب ان أقول لقد كان الدرس مفيدا جدا بالنسبة لي و سهلا و الأهم من ذلك كان مختصرا يستحق 10/10 لو كان الكود محدثاً
احببته
...
I think Google needs to update this code because it no longer works in the new update..
But I must say, the lesson was very useful for me, easy, and most importantly, it was brief, worthy 10/10. If the code was up-to-date,
I love it.
Great! Please make more vids with advanced app concepts. Loving it.
btw the theme property on MaterialApp changes need full reloading, the modification does not show on hot reload only. love working on flutter, 1 month into learning this now
really fast and easy, great!
One question: in the last step we changed the color of the button in some way that Flatt button has purple text on white background and raised button is vice versa.
was it made automatically?
Yes. That difference is part of the behavior of the widgets, and should be automatic. RaisedButton (docs.flutter.io/flutter/material/RaisedButton-class.html) is intended to be a default choice, so it uses the bold primary button color as a way of saying, "Hey! Click me!" FlatButton (docs.flutter.io/flutter/material/FlatButton-class.html) is a choice that's present, but not as emphasized, so it uses a transparent background and styles its text using the primary color.
tuyêt vời .Hy vọng có thêm nhiều video hữa ích nữa
Where did you put those images, before turning on python server. Please explain.
I got lost with that python server part too. Network images are just images taken anywhere from the internet though.
i'm new to Flutter and i can see it's amazing. :D
Amazing Video Please make more videos like this .........great way of explanation .....
Flutter have a Sketch or Photoshop library? Thanks
So do I need to add colors manually 😕
Was the ListTile widget not invented by the time of this video because I feel like it would completely remove the need of the GestureDetector and styling the extra Container?
How do we get those colored brackets in Android Studio? Handy!
Rainbow brackets plugin
What plugin do you use for highlight brackets ??
Flutter is awesome
I believe it's called "Rainbow Brackets." You can find it in the JetBrains plugin browser.
Andrew Brogdon , thanks, plugin name is really Rainbow brackets .
I built an app that works when loaded from android studio. But when I try to open it on my android phone without attaching it to my computer, it just loads forever. Any advice? It was built in flutter.
Did you use profile version of your app. It wont work if you try load debug version of your app without loading from android studio.
can we use the Android Canvas in a drawable and set it as the background of a widget??
that is a lot of view model and controller code in same place...
what do you mean?
meaning separation of concerns
i get it ..thanks for fast reply .....
True, but that's mainly because I'm totally focused on the UI in this video and keeping everything else hardcoded and in one file. I recommend checking out Brian Egan's architectural samples to get an idea of how separation of concern can work in larger apps: github.com/brianegan/flutter_architecture_samples
And inline styling...
Does ios simulation works for windows or Linux that would be deal breaking....
Adithya d Same question here.
The iOS simulator only works on MacOS, but that's a simulator restriction, not a Flutter one. You have that problem no matter how you develop an iOS application. The upside is that you can take your code that you built your Android app from and copy it to a Mac and simply build an iOS version with no changes.
I'm using Listview.builder with Expanded widget. But how do I make content generated with Listview.builder follow Wrap Axis.horizontal layout
Can we compile it on browser like ionic 3? Or should we compile it on android emulator?
Ionic is browser viewer with some API
In the other hand flutter react native and xamarin are native apps that can work in both with the same code.
So no you can't because it's not HTML CSS
Is there any reason of why Flutter introduces Bracket hell? or all methods starting with a return statement?
José Roberto Meza Cabrera it’s because you mostly use one method which is implemented in different ways (build method), and it returns a widget type. This is because flutter uses widgets for the most part (if not everything) thus wrapping every widget in a parent widget e.g Scaffold will return that parent with its children. The brackets can get many and messy but considering that you are basically building layers of widgets stacked on each other, they are necessary. I don’t know if this makes sense. But I’m sure you’ve already figured this out now but I thought I’d give it my best explanation/ opinion anyway.
Where I can get all properties for a widget with example code.? Flutter docs are not clear.
*Thank you Kanye, very cool!*
Hi. I am biginner to flutter. Can i know, which layout suitable for product listing page?
2022. And i watch this u are the best!!!
What is the editor that you use in this video??
I use IntelliJ IDEA CE. Flutter also has plugins for Android Studio and VSCode, though.
extremely good guide, thank you very much!
hi, please help me for chice flutter or swift native im an iosdeveloper for 8 month bu t see flutter , i dont . now got to flutter or stay swift .... thanks for you important for me
Best video ever for flutter. Thank you.
What IDE is bring used?
I use IntelliJ IDEA CE. Flutter also has plugins for Android Studio and VSCode, though.
Hi, I need to point out some things for you people in Google.
When you develop a new platform, make sure you include all the documentation.
If flutter is to ease developing, then why make it so complicated just to install it??
Where is the emulator?.
I have an AMD system, and I don't intend to use intel in the future just to develop android apps.
I have been struggling to make emulator work.
The basic flutter app crashes on visual studio emulator.(only way I can run AVD).
Welp... dart again, it gets more and more frustrating supporting Angular. I really just want to know if I can expect something on angular + flutter or even if angular is considered to be mobile at all.
what do you mean?
I mean Angular is not adopted by google as main technology for new projects.
Check out Nativescript
There's Angular Dart (the Dart version of Angular). Apart from that Flutter is used for native app development, not web development (it's Dart that can target the JavaScript or ARM code). There's nothing stopping you using Angular with Cordova or Ionic for hybrid app development.
me: *drops here from flutter because the material.dart package doesn't want to be imported and VSCode directed me here*
also me: cool a flutter dev tutorial. And I am still clueless on solving my problem. Thanks Andrew.
haha... most importantly, what you deliver is very straight!
This video deserves a like :)
Please explain Alignment and Other Layout Widgets
I'd really like to use flutter, but until it supports Google maps, it is unfortunately no use for me
There's an unofficial Flutter package for Google Maps (I'm sure an official one is on the cards before the V1 release - it makes sense to have one). pub.dartlang.org/packages/map_view
Hello ^^ thank you so much :)
I am a noob and i would love to know how to make it work getting data from a Node Api :}
Easy enough: flutter.io/cookbook/networking/fetch-data/
woo... It's just fantastic and graceful.
Looks insane amount of code to do simply things.
Ok this is crazy.... full all in 13 mins on both ios and android? Gerara here
Tenho que aprender essa linguagem e largar o java!!!
Http Package is not working plz help me ..
There seems to be issues.
when placing:
class Kitten {
const Kitten({this.name, this.description, this.age, this.imageUrl});
...
}
Android Studio is yelling saying:
const Kitten => Kitten is an invalid constructor name.
The Kitten after all read:
The name 'Magician' isn't a type so it can't be used as a type argument.
Some Stack Overflow posts suggested to initiate the list inside constructor. I haven't gotten it working yet.
Putting this comment here for anyone else who may be banning their head also.
Does your class Kitten extend StatelessWidget?
"short time coding" when eliding the "serious amounts of practice that goes before", but yes, this is pleasant. It probably needs a slight updated for the latest Dart/Flutter though.
I need an iOS simulator that runs on windows 🙁
not possible or maybe a mac os virtual machine
@@beastern1807 is there such a thing?
Have y'all created a videoPicker yet?
Is this better than ionic 3?
yes.
I am sorry, I am a beginner to coding so from this explanation I couldn't understand anything so can someone please recommend some videos for me to watch so that I can learn coding.
can you give me the code address.I want make a note every lesson.
Which plugin are you using for coulouring your parenthesis different colors ?
I believe it's called "Rainbow Brackets." You can find it in the JetBrains plugin browser.
Don’t forget google updates the code requirement every day. So, get ready to continuously update the whole code…
Woah. Awesome implemention!
me wants to be in this app!
Sorry only kittens allowed
Great Video Thanks.
Could you post the code to github?
Primer comentario en español!!!!!!!!!!!!!!!!!!!! :D
Thanks flutter
thanks andrew
WOW just like that!!
Very impressive
Just awesome!
Unfortunately the dart bridge to native code is too big compared to the JavaScript one used by react native. I was super excited by flutter but it has nothing more than react native.
What are you talking about? With Flutter, the Dart code is compiled to native code. There is no bridge comparable to the JS-to-native bridge.
Code is compiled to machine code.
thank you for sharing this~!
It's fine! Can you to tell on Russian language?
thank you so much
thx man
Look awesome
Nice
Good job
damn Im 20 yes Java developer and switch to flutter to learn is for me headache im so lazy :-d
Help me
that's awesome
Great
native all the way!
lovely
Those are cats not kittens, fix your code.
I cant help myself but this code is so ugly, good luck to person who will maintain this code. No separation of model, view & logic. Flutter seems very easy for small project like shown in this video but once there is 20 pages, 50 entities good luck or am I missing something. I would like to see separation for model (Kitty), template for (dialog) with centralized css file, and logic but in this video, it is merged everything into 1 file that makes is unmaintainable for big projects.
Material design, giving programmers an excuse to be boring and lazy.
Material is so dated already
What is the cutting-edge one then?
wow !
Why Dart though 😞 I was hoping for something like nativescript from Google
This comes up a lot. The team wrote an article explaining what Flutter needs from its language, and why Dart was chosen: hackernoon.com/why-flutter-uses-dart-dd635a054ebf
hackernoon.com/why-flutter-uses-dart-dd635a054ebf
Monty Rasmussen I honestly don't like the descriptive approach I prefer an MVC approach it is more organized and concise, Dart code with its seemngly never ending code blocks is confusing and ugly
That's a separate issue from what language the Flutter framework uses, though. But in response to that extremely common concern, all I can say is that pretty much everyone who gives it a real try either finds it isn't so bad or even comes to prefer it. I don't personally have a strong opinion on the subject of imperative UI, as I'm more of an AngularDart developer (web apps).
Its weird first, but once you get used to it, getting back to old techs feels like stone age
Implement XML in Flutter please, I'm waiting for it...
It is mutch easy to build UI with xml (for me)
But then you need ids and getItemByID
Alvar Lagerlöf No, with Kotlin we do not need find view by I'd anymore
Alvar Lagerlöf if they use the same approach maybe Flutter get better
So now you have absolutely abandoned java!
Amigo MadiQ Google has *plenty* of Java engineers, don't worry. :)
@@redbrogdon does google uses java and spring boot to build there backends? Or they use it only for Android?
2024
wow
1st please heart
EVERYDAY Teclog
Stop talking about this none important stuff. When is Google going to introduce something better than Photoshop and Corel draw?