Flutter: The Advanced Layout Rule Even Beginners Must Know

Where can you read this article?

• in Medium

• It has a Russian translation by Kirill Matrosov

• It has a Portuguese translation by Fabricio Ernandes

• It has a Turkish translation by Suat Özkaya

You can now also read it here:

• Part of the official Flutter documentation.

Following day after I published the article I got this email from Flutter's Product Manager:

Hi Marcelo,

We love your article on layout -- several of us have been talking about it this morning. It's polished, comprehensive, and very well taught.

Perhaps a little cheeky, but we wondered whether you'd be willing to consider adding it to the official product documentation (i.e. docs.flutter.dev)? We'd love to see the millions of Flutter developers who visit the docs each year have access to your tutorial.

We'd be happy to attribute it to you; we just want to see great Flutter documentation reach the maximum possible audience. And several of us on the team have commented that we've learned new things about Flutter layout by reading it, so that's about as ringing an endorsement as it gets.

Let me know if there's any interest. This isn't something we do often, but your work stands out!

Warm wishes,

I was honored to have it published there, of course!

I should say BIG THANKS to Simon Lightfoot for proofreading and making content suggestions for this article, and also for creating the article's header image.

Flutter's native layout widgets can do a lot, but they can't do everything.

When they don't solve your problem, a good place to start looking for alternatives is these two layout packages I've authored:

• align_positioned — Lets you declaratively position/size widgets in complex ways.

• assorted_layout_widgets — Includes widgets like RowSuper which will resize cells proportionately when content doesn't fit (native Row can't do that).

Other Flutter packages I've authored

• async_redux
• fast_immutable_collections
• provider_for_redux
• i18n_extension
• network_to_file_image
• image_pixels
• matrix4_transform
• back_button_interceptor
• indexed_list_view
• animated_size_and_fade
• weak_map
• themed

My Other Medium Articles

• Async Redux: Flutter’s non-boilerplate version of Redux (versions: Português)
• i18n_extension (versions: Português)
• The New Way to create Themes in your Flutter App

Marcelo Glasberg

Greetings from GMT -3 (between 3 and 5 hours ahead of PT time)
https://github.com/marcglasberg
https://twitter.com/glasbergmarcelo
https://stackoverflow.com/users/3411681/marcg
https://medium.com/@marcglasberg