How do you take an app designed for conventional mobile devices and make it beautiful on a wide range of devices? Here's a 3-step approach from Google engineers ↓ Step 1: Abstract 🤔 First, identify the widgets that you plan to make dynamic. Analyze the constructors for those widgets and abstract out the data that you can share. Step 2: Measure 📏 Next, evaluate your screen size to decide how to display your UI. You can use either MediaQuery and LayoutBuilder to determine the size of your display area. Step 3: Branch 🌳 Then, decide what sizing breakpoints to use when choosing what version of the UI to display. Your choice shouldn't depend on the type of device, but on the device's available window size. More on adaptive design → http://goo.gle/4o6jRwR
