Hmm. Seeing myself is making me wonder whether my shirt wasn't printed straight or my shoulders are somehow uneven.

@DanielTubul

6 жыл бұрын

Andrew Brogdon haha

@sarfarazsajjad

6 жыл бұрын

its cool !!

@benton202

6 жыл бұрын

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

@redbrogdon

6 жыл бұрын

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

@retzd

6 жыл бұрын

Awesome :D

I hope no kittens were harmed in the making of this video

@redbrogdon

6 жыл бұрын

All kittens were scratched behind the ears and given a free meal at the Google café of their choice. :)

Great! Please make more vids with advanced app concepts. Loving it.

Best video ever for flutter. Thank you.

*Thank you Kanye, very cool!*

extremely good guide, thank you very much!

woo... It's just fantastic and graceful.

i'm new to Flutter and i can see it's amazing. :D

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

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.

Woah. Awesome implemention!

This video deserves a like :)

Amazing Video Please make more videos like this .........great way of explanation .....

tuyêt vời .Hy vọng có thêm nhiều video hữa ích nữa

2022. And i watch this u are the best!!!

thanks andrew

Great Video Thanks.

WOW just like that!!

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?

@redbrogdon

6 жыл бұрын

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.

haha... most importantly, what you deliver is very straight!

Thanks flutter

thank you so much

Very impressive

thx man

Just awesome!

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?

Tenho que aprender essa linguagem e largar o java!!!

Please explain Alignment and Other Layout Widgets

Flutter have a Sketch or Photoshop library? Thanks

Hi. I am biginner to flutter. Can i know, which layout suitable for product listing page?

Look awesome

Have y'all created a videoPicker yet?

thank you for sharing this~!

lovely

can we use the Android Canvas in a drawable and set it as the background of a widget??

Where I can get all properties for a widget with example code.? Flutter docs are not clear.

Ok this is crazy.... full all in 13 mins on both ios and android? Gerara here

I'm using Listview.builder with Expanded widget. But how do I make content generated with Listview.builder follow Wrap Axis.horizontal layout

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 :}

@paulhmason

6 жыл бұрын

Easy enough: flutter.io/cookbook/networking/fetch-data/

Where did you put those images, before turning on python server. Please explain.

@ninjitsumaster1377

4 жыл бұрын

I got lost with that python server part too. Network images are just images taken anywhere from the internet though.

What plugin do you use for highlight brackets ?? Flutter is awesome

@redbrogdon

6 жыл бұрын

I believe it's called "Rainbow Brackets." You can find it in the JetBrains plugin browser.

@nood7447

6 жыл бұрын

Andrew Brogdon , thanks, plugin name is really Rainbow brackets .

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.

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).

Primer comentario en español!!!!!!!!!!!!!!!!!!!! :D

"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.

How do we get those colored brackets in Android Studio? Handy!

@akhilez

5 жыл бұрын

Rainbow brackets plugin

that's awesome

Is there any reason of why Flutter introduces Bracket hell? or all methods starting with a return statement?

@justapugontheinternet

5 жыл бұрын

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.

Can we compile it on browser like ionic 3? Or should we compile it on android emulator?

@alarbalarb

6 жыл бұрын

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

Nice

@innovafrique

6 жыл бұрын

Good job

Great

Don’t forget google updates the code requirement every day. So, get ready to continuously update the whole code…

Could you post the code to github?

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

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.

@RobertWildling

5 жыл бұрын

Does your class Kitten extend StatelessWidget?

What is the editor that you use in this video??

@redbrogdon

6 жыл бұрын

I use IntelliJ IDEA CE. Flutter also has plugins for Android Studio and VSCode, though.

Looks insane amount of code to do simply things.

that is a lot of view model and controller code in same place...

@SafdarAliShah_TimeTraveler

6 жыл бұрын

what do you mean?

@sarfarazsajjad

6 жыл бұрын

meaning separation of concerns

@SafdarAliShah_TimeTraveler

6 жыл бұрын

i get it ..thanks for fast reply .....

@redbrogdon

6 жыл бұрын

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

@barnabasbartha3507

5 жыл бұрын

And inline styling...

I need an iOS simulator that runs on windows 🙁

@beastern1807

4 жыл бұрын

not possible or maybe a mac os virtual machine

@crossfade7112

4 жыл бұрын

@@beastern1807 is there such a thing?

What IDE is bring used?

@redbrogdon

6 жыл бұрын

I use IntelliJ IDEA CE. Flutter also has plugins for Android Studio and VSCode, 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.

wow !

Does ios simulation works for windows or Linux that would be deal breaking....

@chinmayrelkar8486

6 жыл бұрын

Adithya d Same question here.

@paulhmason

6 жыл бұрын

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.

can you give me the code address.I want make a note every lesson.

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.

@karanvb8243

4 жыл бұрын

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.

Http Package is not working plz help me ..

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.

@matej0909

6 жыл бұрын

what do you mean?

@mrf28

6 жыл бұрын

I mean Angular is not adopted by google as main technology for new projects.

@hanijazzar3560

6 жыл бұрын

Check out Nativescript

@paulhmason

6 жыл бұрын

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 wants to be in this app!

@DarkChasmGamers

3 жыл бұрын

Sorry only kittens allowed

Is this better than ionic 3?

@AlvarLagerlof

6 жыл бұрын

yes.

I'd really like to use flutter, but until it supports Google maps, it is unfortunately no use for me

@paulhmason

6 жыл бұрын

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

damn Im 20 yes Java developer and switch to flutter to learn is for me headache im so lazy :-d

Help me

It's fine! Can you to tell on Russian language?

wow

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.

@MontyRasmussen

6 жыл бұрын

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.

@aaakin

6 жыл бұрын

Code is compiled to machine code.

native all the way!

Which plugin are you using for coulouring your parenthesis different colors ?

@redbrogdon

6 жыл бұрын

I believe it's called "Rainbow Brackets." You can find it in the JetBrains plugin browser.

1st please heart

@SahaniSR

6 жыл бұрын

EVERYDAY Teclog

Material is so dated already

@chengyanslc

4 жыл бұрын

What is the cutting-edge one then?

Material design, giving programmers an excuse to be boring and lazy.

So now you have absolutely abandoned java!

@redbrogdon

6 жыл бұрын

Amigo MadiQ Google has *plenty* of Java engineers, don't worry. :)

@michelchaghoury870

2 жыл бұрын

@@redbrogdon does google uses java and spring boot to build there backends? Or they use it only for Android?

Those are cats not kittens, fix your code.

Why Dart though 😞 I was hoping for something like nativescript from Google

@redbrogdon

6 жыл бұрын

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

@MontyRasmussen

6 жыл бұрын

hackernoon.com/why-flutter-uses-dart-dd635a054ebf

@mmahgoub

6 жыл бұрын

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

@MontyRasmussen

6 жыл бұрын

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).

@matej0909

6 жыл бұрын

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)

@AlvarLagerlof

6 жыл бұрын

But then you need ids and getItemByID

@pedromassango

6 жыл бұрын

Alvar Lagerlöf No, with Kotlin we do not need find view by I'd anymore

@pedromassango

6 жыл бұрын

Alvar Lagerlöf if they use the same approach maybe Flutter get better

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.

Stop talking about this none important stuff. When is Google going to introduce something better than Photoshop and Corel draw?