fix #10

Author: letsar

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.2.1
+* Fix #10 `StatefulWidget.createState must return a subtype of State<AutomaticKeepAliveVariableSizeBox>`.
+
 ## 0.2.0
 * Add a way to let the tile's content to define the tile's extent in the main axis.
 * Add `fit` constructor to `StaggeredTile`.

README.md

@@ -28,7 +28,7 @@ In the `pubspec.yaml` of your flutter project, add the following dependency:
 ```yaml
 dependencies:
   ...
-  flutter_staggered_grid_view: "^0.2.0"
+  flutter_staggered_grid_view: "^0.2.1"
 ```
 
 In your library add the following import:

example/lib/example_8.dart

@@ -96,11 +96,6 @@ class Example08 extends StatelessWidget {
         itemBuilder: (context, index) => new _Tile(index, _sizes[index]),
         staggeredTileBuilder: (index) => new StaggeredTile.fit(2),
       ),
-//      body: new ListView.builder(
-//        primary: false,
-//        addAutomaticKeepAlives: false,
-//        itemBuilder: (context, index) => new _Tile(index, _sizes[index]),
-// ),
     );
   }
 }

example/lib/example_tests.dart

@@ -0,0 +1,95 @@
+import 'dart:math';
+import 'dart:typed_data';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+
+class ExampleTests extends StatelessWidget {
+  ExampleTests() : products = List.generate(50, (i)=> Product('test $i'));
+
+  final List<Product> products;
+
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+      appBar: new AppBar(
+        title: new Text('random dynamic tile sizes'),
+      ),
+      body: CustomScrollView(
+        slivers: <Widget>[
+          SliverStaggeredGrid.countBuilder(
+            crossAxisCount: 2,
+            staggeredTileBuilder: (_) => StaggeredTile.fit(1),
+            itemBuilder: (context, index) => ProductGridItem(products[index],),
+            itemCount: products.length,
+          ),
+        ],
+      )
+    );
+  }
+}
+
+class Leaf extends StatefulWidget {
+  const Leaf({ Key key, this.child }) : super(key: key);
+  final Widget child;
+  @override
+  _LeafState createState() => new _LeafState();
+}
+
+class _LeafState extends State<Leaf> {
+  bool _keepAlive = false;
+  KeepAliveHandle _handle;
+
+  @override
+  void deactivate() {
+    _handle?.release();
+    _handle = null;
+    super.deactivate();
+  }
+
+  void setKeepAlive(bool value) {
+    _keepAlive = value;
+    if (_keepAlive) {
+      if (_handle == null) {
+        _handle = new KeepAliveHandle();
+        new KeepAliveNotification(_handle).dispatch(context);
+      }
+    } else {
+      _handle?.release();
+      _handle = null;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_keepAlive && _handle == null) {
+      _handle = new KeepAliveHandle();
+      new KeepAliveNotification(_handle).dispatch(context);
+    }
+    return widget.child;
+  }
+}
+
+class Product {
+  const Product(this.name);
+  final String name;
+}
+
+class ProductGridItem extends StatelessWidget {
+  const ProductGridItem(this.product);
+
+  final Product product;
+
+  @override
+  Widget build(BuildContext context) {
+    return new Card(
+      child: Container(
+        color: Colors.blue,
+        height: 80.0,
+        child: Center(
+          child: Text(product.name),
+        ),
+      )
+    );
+  }
+}

example/lib/home.dart

@@ -23,6 +23,7 @@ const List<StaggeredTile> _tiles = const <StaggeredTile>[
   const StaggeredTile.count(1, 1),
   const StaggeredTile.count(1, 1),
   const StaggeredTile.count(1, 1),
+  //const StaggeredTile.count(1, 1),
 ];
 
 List<Widget> _children = <Widget>[
@@ -53,6 +54,7 @@ List<Widget> _children = <Widget>[
   const HomeTile('dynamic resizing', Colors.pink, example06),
   const HomeTile('dynamic tile sizes', Colors.pink, example07),
   const HomeTile('random dynamic tile sizes', Colors.pink, example08),
+  //const HomeTile('test', Colors.pink, exampleTests),
 ];
 
 class Home extends StatelessWidget {

example/lib/routes.dart

@@ -8,6 +8,7 @@ import 'example_5.dart';
 import 'example_6.dart';
 import 'example_7.dart';
 import 'example_8.dart';
+import 'example_tests.dart';
 import 'home.dart';
 import 'spannable_count_extent_page.dart';
 import 'spannable_count_count_page.dart';
@@ -38,6 +39,7 @@ const String example05 = '/example_05';
 const String example06 = '/example_06';
 const String example07 = '/example_07';
 const String example08 = '/example_08';
+const String exampleTests = '/example_tests';
 
 Map<String, WidgetBuilder> routes = <String, WidgetBuilder>{
   homeRoute: (BuildContext context) => new Home(),
@@ -65,4 +67,5 @@ Map<String, WidgetBuilder> routes = <String, WidgetBuilder>{
   example06: (BuildContext context) => new Example06(),
   example07: (BuildContext context) => new Example07(),
   example08: (BuildContext context) => new Example08(),
+  exampleTests: (BuildContext context) => new ExampleTests(),
 };

lib/src/widgets/automatic_keep_alive_variable_size_box.dart

@@ -37,7 +37,7 @@ class AutomaticKeepAliveVariableSizeBox extends StatefulWidget {
   _AutomaticKeepAliveState createState() => new _AutomaticKeepAliveState();
 }
 
-class _AutomaticKeepAliveState extends State<AutomaticKeepAlive> {
+class _AutomaticKeepAliveState extends State<AutomaticKeepAliveVariableSizeBox> {
   Map<Listenable, VoidCallback> _handles;
   Widget _child;
   bool _keepingAlive = false;
@@ -49,7 +49,7 @@ class _AutomaticKeepAliveState extends State<AutomaticKeepAlive> {
   }
 
   @override
-  void didUpdateWidget(AutomaticKeepAlive oldWidget) {
+  void didUpdateWidget(AutomaticKeepAliveVariableSizeBox oldWidget) {
     super.didUpdateWidget(oldWidget);
     _updateChild();
   }

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_staggered_grid_view
 description: A Flutter staggered grid view
-version: 0.2.0
+version: 0.2.1
 author: Romain Rastel <lets4r@gmail.com>
 homepage: https://github.com/letsar/flutter_staggered_grid_view
 dependencies: