You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -107,9 +107,9 @@ The ResponsiveFramework includes a few custom widgets that to supplement Flutter
107
107
## Legacy ReadMe (v0.2.0 and below)
108
108
109
109
### ResponsiveWrapper Migration
110
-
The legacy ResponsiveWrapper combined multiple features into one widget. This made it difficult to use at times when custom behavior was required. The updated V1 implementation separates each feature into its own widget and is now more modular.
110
+
The legacy ResponsiveWrapper combined multiple features into one widget. This made it difficult to use at times when custom behavior was required. The updated V1 implementation separates each feature into its own widget.
111
111
112
-
Responsive Framework v1 introduces some new widgets:
112
+
Responsive Framework v1 introduces some new widgets as well:
113
113
114
114
- ResponsiveScaledBox
115
115
- MaxWidthBox
@@ -120,15 +120,21 @@ Responsive Framework v1 introduces some new widgets:
120
120
121
121
Replaces the core AutoScale functionality of ResponsiveWrapper. ResponsiveScaledBox renders the `child` widget with the specified `width`.
122
122
123
-
This widget simply wraps the Flutter `FittedBox` widget with a `LayoutBuilder` and `MediaQuery`. Use a `ResponsiveScaledBox` instead of a `FittedBox` if the layout being wrapped is full screen as the widget helps calculate scaled `MediaQueryData`.
123
+
This widget wraps the Flutter `FittedBox` widget with a `LayoutBuilder` and `MediaQuery`.
124
+
125
+
**Why should you use a `ResponsiveScaledBox`?**
126
+
127
+
Use a `ResponsiveScaledBox` instead of a `FittedBox` if the layout is full screen as the widget helps calculate correctly scaled `MediaQueryData`.
Limits the `child` widget to the `maxWidth` and paints an optional `background` behind the widget. This widget is helpful for limiting the content width on large desktop displays and creating gutters on the left and right side of the page.
132
+
Limit the `child` widget to the `maxWidth` and paints an optional `background` behind the widget.
133
+
134
+
This widget is helpful for limiting the content width on large desktop displays and creating gutters on the left and right side of the page.
129
135
130
136
131
-
### The remainder of the legacy ReadMe is preserved below as the concepts are useful and supported by the new widgets. ResponsiveWrapper has been deprecated and removed.
137
+
### The remainder of the legacy ReadMe is preserved below as the concepts are still useful and used by the new widgets. ResponsiveWrapper has been deprecated and removed.
132
138
133
139
### The Problem
134
140
Supporting multiple display sizes often means recreating the same layout multiple times. Under the traditional _Bootstrap_ approach, building responsive UI is time consuming, frustrating and repetitive. Furthermore, getting everything pixel perfect is near impossible and simple edits take hours.
0 commit comments