flutter / flutter/website

CodeLab Feedback - Build an animated responsive app layout with Material 3

Open
#13,806 1 comment 0 reactions 0 assignees View on GitHub
a.tut.codelab-google p2-medium
Dominant language
Dart
Stars
3.1k
Forks
3.5k
Avg merge
2d 2h
Merged PRs (30d)
96

Description

RE: https://codelabs.developers.google.com/codelabs/flutter-animated-responsive-layout#8

I love this codelab and recommend it all the time when people ask about how to do responsive layouts in Flutter. I do think it comes up just a bit short though. It would be more complete if you added some steps to show how to handle the list/detail with respect to navigation when clicking an item in the list. As is you stop short and people have a hard time knowing what to do when the users clicks/taps an item in the list. Do you navigate to the details? Does it just show up (it does now, but only when the window is wide enough). What about when you are on a phone, how do you show the details and a back button or something like that, but then only do that when the window is small enough too.

Hope this makes sense, happy to provide more info if needed.

Contributor guide

Open the contributing guide

Research direction

Start with the linked Flutter codelab, especially section 8, and review how the current list/detail interaction behaves at wide and narrow window sizes. Add guidance for selecting an item, showing details on phones, and providing back navigation when appropriate. Done means the codelab explains both responsive cases clearly.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
documentation, mobile-dev
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.