Availability for override breakpoints

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [2.1.0] - Apr 20, 2022
+
+* Added `ResponsiveGridBreakpoints` for override default breakpoints
+* Added optional `debug` property at `initScaling()` function
+* Added `key` property at `ResponsiveGridRow`, `ResponsiveGridCol`, `ResponsiveGridList` widgets
+
 ## [2.0.0] - Apr 5, 2021
 
 * Migrate to null safety

README.md

@@ -108,5 +108,17 @@ Give every col the width it shall occupy at every size category assuming the tot
 
 ```
 
+### Override breakpoints
+
+Add before attach App widget 
+
+```dart
+ResponsiveGridBreakpoints.value = ResponsiveGridBreakpoints(
+  xs: 600,
+  sm: 905, 
+  md: 1240,
+  lg: 1440,
+);
+```
 
 <img src="https://raw.githubusercontent.com/mohamed-selim-a/ResponsiveGrid_Flutter/master/images/3.jpg" width="300">   <img src="https://raw.githubusercontent.com/mohamed-selim-a/ResponsiveGrid_Flutter/master/images/4.jpg" height="300">

example/lib/main.dart

@@ -1,14 +1,15 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:responsive_grid/responsive_grid.dart';
 
-void main() => runApp(MyApp());
+void main() => runApp(const MyApp());
 
 class MyApp extends StatelessWidget {
-
   final Widget? homeWidget;
 
-  MyApp({this.homeWidget});
+  const MyApp({
+    this.homeWidget,
+    Key? key,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -17,13 +18,13 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
       ),
-      home: homeWidget ?? MyHomePage(title: 'Flutter Demo Home Page'),
+      home: homeWidget ?? const MyHomePage(title: 'Flutter Demo Home Page'),
     );
   }
 }
 
 class MyHomePage extends StatefulWidget {
-  MyHomePage({Key? key, required this.title}) : super(key: key);
+  const MyHomePage({Key? key, required this.title}) : super(key: key);
 
   final String title;
 
@@ -69,8 +70,8 @@ class _MyHomePageState extends State<MyHomePage> {
           20
         ].map((i) {
           return Container(
-            height: ((i%5) +1) * 100.0,
-            alignment: Alignment(0, 0),
+            height: ((i % 5) + 1) * 100.0,
+            alignment: const Alignment(0, 0),
             color: Colors.cyan,
             child: Text(i.toString()),
           );
@@ -87,49 +88,49 @@ class _MyHomePageState extends State<MyHomePage> {
               lg: 12,
               child: Container(
                 height: 100,
-                alignment: Alignment(0, 0),
+                alignment: const Alignment(0, 0),
                 color: Colors.purple,
-                child: Text("lg : 12"),
+                child: const Text("lg : 12"),
               ),
             ),
             ResponsiveGridCol(
               xs: 6,
               md: 3,
               child: Container(
                 height: 100,
-                alignment: Alignment(0, 0),
+                alignment: const Alignment(0, 0),
                 color: Colors.green,
-                child: Text("xs : 6 \r\nmd : 3"),
+                child: const Text("xs : 6 \r\nmd : 3"),
               ),
             ),
             ResponsiveGridCol(
               xs: 6,
               md: 3,
               child: Container(
                 height: 100,
-                alignment: Alignment(0, 0),
+                alignment: const Alignment(0, 0),
                 color: Colors.orange,
-                child: Text("xs : 6 \r\nmd : 3"),
+                child: const Text("xs : 6 \r\nmd : 3"),
               ),
             ),
             ResponsiveGridCol(
               xs: 6,
               md: 3,
               child: Container(
                 height: 100,
-                alignment: Alignment(0, 0),
+                alignment: const Alignment(0, 0),
                 color: Colors.red,
-                child: Text("xs : 6 \r\nmd : 3"),
+                child: const Text("xs : 6 \r\nmd : 3"),
               ),
             ),
             ResponsiveGridCol(
               xs: 6,
               md: 3,
               child: Container(
                 height: 100,
-                alignment: Alignment(0, 0),
+                alignment: const Alignment(0, 0),
                 color: Colors.blue,
-                child: Text("xs : 6 \r\nmd : 3"),
+                child: const Text("xs : 6 \r\nmd : 3"),
               ),
             ),
           ],
@@ -145,25 +146,33 @@ class _MyHomePageState extends State<MyHomePage> {
         ResponsiveGridRow(
           children: [
             ResponsiveGridCol(
-
               xs: 6,
               child: Column(
                 children: [
-                  Container(height: 100, color: Colors.blue, margin: EdgeInsets.all(10),),// height 100px
-                  Container(height: 100, color: Colors.blueGrey, margin: EdgeInsets.all(10),) // height 100px
+                  Container(
+                    height: 100,
+                    color: Colors.blue,
+                    margin: const EdgeInsets.all(10),
+                  ), // height 100px
+                  Container(
+                    height: 100,
+                    color: Colors.blueGrey,
+                    margin: const EdgeInsets.all(10),
+                  ) // height 100px
                 ],
               ),
             ),
             ResponsiveGridCol(
-
               xs: 6,
-              child: Container(height: 400, color: Colors.black45, margin: EdgeInsets.all(10),), // height 500px
+              child: Container(
+                height: 400,
+                color: Colors.black45,
+                margin: const EdgeInsets.all(10),
+              ), // height 500px
             )
           ],
         ),
-
       ],
     );
   }
-
 }

example/pubspec.lock

@@ -115,7 +115,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "2.0.0"
+    version: "2.1.0"
   sky_engine:
     dependency: transitive
     description: flutter