Published on May 22, 2018 by Google

Watch Martin Aguinis from the Flutter team build and customize a widget for a shopping app from scratch. Flutter is Google’s mobile SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Get started with Flutter → flutter.io
Try a Flutter codelab → goo.gl/d3fHPo
Join the conversation → goo.gl/68oUnb

Subscribe to the Google Developers channel → goo.gl/mQyv5L

Leave a Reply

117 Comments on "Building your first Flutter Widget"

Notify of
avatar

DanielDog
Guest
DanielDog
1 month 19 days ago

Holy crap what an idea to put this.property into the constructor. Languages should adopt this idea.

Cas
Guest
Cas
1 month 24 days ago

Will I be able to use a custom icon?

Andrew Brogdon
Guest
Andrew Brogdon
1 month 23 days ago

For your app? Yes, you can. When you create a Flutter app, you get default icons, but you can swap in whatever you want.

FlushedFriendd
Guest
FlushedFriendd
1 month 26 days ago

When to use StatefullWidget & StatelessWidget ?

Andrew Brogdon
Guest
Andrew Brogdon
1 month 23 days ago

It depends on whether your widget needs to track info for itself and rebuild when that info changes. See this tutorial for a good explanation: flutter.io/tutorials/interactive/#stateful-stateless

扶苏
Guest
扶苏
1 month 30 days ago

I'm kinda confuesd. We normally just need to write some html code for a button with a little css classes to beautify it, but this video tutorial seems far more complicated to do such thing.

扶苏
Guest
扶苏
1 month 21 days ago

harvinder singh You are the best developer in the whole world. There is nothing difficult to you. By the way, it's not its, doesn't not doesnt, you are not your. Really hard to understand you.

harvinder singh
Guest
harvinder singh
1 month 21 days ago

扶苏 its not confusing from a developers point of view. But if your a designer who doesnt do much backend then i can see why you will find it hard. For me its simple

Ciobanasu Ion
Guest
Ciobanasu Ion
2 months 8 days ago

Which IDE do you use ?

Martin Aguinis
Guest
Martin Aguinis
1 month 27 days ago

Flutter works well with Android Studio, VS Code, and IntelliJ

zatochi
Guest
zatochi
1 month 28 days ago

It's likely IntelliJ IDEA + Dart plugin

Mahendran Vadivalagan
Guest
Mahendran Vadivalagan
2 months 10 days ago

5:47 How does these context menu items coming for him? I had to use flutter outline window to achieve this.

subha sarkar
Guest
subha sarkar
2 months 15 days ago

I think xml is the best for designing

Aceix Smart
Guest
Aceix Smart
2 months 19 days ago

looove this ..great tutorial. Now i know how to do custom designs

Silas Brasil
Guest
Silas Brasil
2 months 19 days ago

That's amazing…

clocksmith
Guest
clocksmith
2 months 20 days ago

Why is the const keyword needed at all for certain widgets?

1 2 3 7
wpDiscuz