add onSlideAnimationChanged and onSlideIsOpenChanged callbacks in controller

Author: letsar

example/lib/main.dart

@@ -27,7 +27,7 @@ class MyHomePage extends StatefulWidget {
 }
 
 class _MyHomePageState extends State<MyHomePage> {
-  final SlidableController slidableController = new SlidableController();
+  SlidableController slidableController;
   final List<_HomeItem> items = List.generate(
     20,
     (i) => new _HomeItem(
@@ -38,6 +38,30 @@ class _MyHomePageState extends State<MyHomePage> {
         ),
   );
 
+  @protected
+  void initState() {
+    slidableController = new SlidableController(
+      onSlideAnimationChanged: handleSlideAnimationChanged,
+      onSlideIsOpenChanged: handleSlideIsOpenChanged,
+    );
+    super.initState();
+  }
+
+  Animation<double> _rotationAnimation;
+  Color _fabColor = Colors.blue;
+
+  void handleSlideAnimationChanged(Animation<double> slideAnimation) {
+    setState(() {
+      _rotationAnimation = slideAnimation;
+    });
+  }
+
+  void handleSlideIsOpenChanged(bool isOpen) {
+    setState(() {
+      _fabColor = isOpen ? Colors.green : Colors.blue;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return new Scaffold(
@@ -52,7 +76,17 @@ class _MyHomePageState extends State<MyHomePage> {
                   ? Axis.vertical
                   : Axis.horizontal),
         ),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
+      ),
+      floatingActionButton: FloatingActionButton(
+        backgroundColor: _fabColor,
+        onPressed: null,
+        child: _rotationAnimation == null
+            ? Icon(Icons.add)
+            : RotationTransition(
+                turns: _rotationAnimation,
+                child: Icon(Icons.add),
+              ),
+      ),
     );
   }
 

example/lib/main_34.dart

@@ -0,0 +1,94 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_slidable/flutter_slidable.dart';
+
+class Data {
+  final String url = 'https://via.placeholder.com/350x150';
+}
+
+void main() => runApp(new MyApp());
+
+Future<Data> getData() async {
+  await Future.delayed(Duration(seconds: 1));
+  return Data();
+}
+
+class MyApp extends StatelessWidget {
+  // This widget is the root of your application.
+  @override
+  Widget build(BuildContext context) {
+    return new MaterialApp(
+      title: 'Flutter Slidable Demo',
+      theme: new ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      home: new MyHomePage(title: 'Flutter Slidable Demo'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  MyHomePage({Key key, this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  _MyHomePageState createState() => new _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  final SlidableController slidableController = new SlidableController();
+
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+      appBar: new AppBar(
+        title: new Text(widget.title),
+      ),
+      body: ListView.builder(
+        itemCount: 20,
+        itemBuilder: (context, index) {
+          return FutureBuilder<Data>(
+            future: getData(),
+            builder: (context, snapshot) {
+              if (snapshot.hasData) {
+                return Slidable(
+                  delegate: SlidableScrollDelegate(),
+                  actionExtentRatio: 0.25,
+                  secondaryActions: <Widget>[
+                    IconSlideAction(
+                      caption: 'Delete',
+                      color: Colors.red,
+                      icon: Icons.delete,
+                      //onTap: () => removeLocation(location),
+                    ),
+                  ],
+                  child: ListTile(
+                    // onTap: () {
+                    //   Navigator.pushNamed(context, Routes.closeUp);
+                    // },
+
+                    leading: SizedBox(
+                      width: 64.0,
+                      height: 64.0,
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.circular(64.0),
+                        child: RepaintBoundary(
+                          child: Image(
+                            image: NetworkImage(snapshot.data.url),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                );
+              }
+              return CircularProgressIndicator();
+            },
+          );
+        },
+      ),
+    ); // This trailing comma makes auto-formatting nicer for build methods.
+  }
+}

lib/src/widgets/slidable.dart

@@ -590,11 +590,45 @@ class SlidableDrawerDelegate extends SlidableStackDelegate {
 /// A controller that keep tracks of the active [SlidableState] and close
 /// the previous one.
 class SlidableController {
+  SlidableController({
+    this.onSlideAnimationChanged,
+    this.onSlideIsOpenChanged,
+  });
+
+  final ValueChanged<Animation<double>> onSlideAnimationChanged;
+  final ValueChanged<bool> onSlideIsOpenChanged;
+  bool _isSlideOpen;
+
+  Animation<double> _slideAnimation;
+
   SlidableState _activeState;
   SlidableState get activeState => _activeState;
   set activeState(SlidableState value) {
-    _activeState?.close();
+    _activeState?._flingAnimationControllers();
+
     _activeState = value;
+    if (onSlideAnimationChanged != null) {
+      _slideAnimation?.removeListener(_handleSlideIsOpenChanged);
+      if (onSlideIsOpenChanged != null) {
+        _slideAnimation = value?.overallMoveAnimation;
+        _slideAnimation?.addListener(_handleSlideIsOpenChanged);
+        if (_slideAnimation == null) {
+          _isSlideOpen = false;
+          onSlideIsOpenChanged(_isSlideOpen);
+        }
+      }
+      onSlideAnimationChanged(value?.overallMoveAnimation);
+    }
+  }
+
+  void _handleSlideIsOpenChanged() {
+    if (onSlideIsOpenChanged != null && _slideAnimation != null) {
+      final bool isOpen = _slideAnimation.value != 0.0;
+      if (isOpen != _isSlideOpen) {
+        _isSlideOpen = isOpen;
+        onSlideIsOpenChanged(_isSlideOpen);
+      }
+    }
   }
 }
 
@@ -903,6 +937,11 @@ class SlidableState extends State<Slidable>
   }
 
   void close() {
+    _flingAnimationControllers();
+    widget.controller?.activeState = null;
+  }
+
+  void _flingAnimationControllers() {
     if (!_dismissing) {
       _actionsMoveController.fling(velocity: -1.0);
       _overallMoveController.fling(velocity: -1.0);
@@ -1021,6 +1060,7 @@ class SlidableState extends State<Slidable>
   }
 
   void _handleDismiss() {
+    widget.controller?.activeState = null;
     final SlideToDismissDelegate slideToDismissDelegate =
         widget.slideToDismissDelegate;
     if (slideToDismissDelegate.onDismissed != null) {