Improve examples

Author: Kamil Klyta

example/lib/indicators/plane_indicator.dart

@@ -1,5 +1,4 @@
 import 'package:custom_refresh_indicator/custom_refresh_indicator.dart';
-import 'package:example/indicators/custom_indicator.dart';
 import 'package:flutter/material.dart';
 
 class _Cloud {
@@ -33,11 +32,9 @@ class _Cloud {
 
 /// Desgin by Katarzyna Klyta kasia@klyta.it
 class PlaneIndicator extends StatefulWidget {
-  final IndicatorController controller;
   final Widget child;
   const PlaneIndicator({
     @required this.child,
-    @required this.controller,
   });
 
   @override
@@ -52,7 +49,6 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
 
   @override
   void initState() {
-    _prevState = widget.controller.state;
     _planeController = AnimationController(
       vsync: this,
       duration: const Duration(milliseconds: 500),
@@ -66,39 +62,39 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
     _Cloud(
       color: _Cloud._dark,
       initialValue: 0.6,
-      dy: 17.5,
+      dy: 10.0,
       image: AssetImage(_Cloud._assets[1]),
       width: 100,
       duration: Duration(milliseconds: 1600),
     ),
     _Cloud(
       color: _Cloud._light,
       initialValue: 0.15,
-      dy: 35,
+      dy: 25.0,
       image: AssetImage(_Cloud._assets[3]),
       width: 40,
       duration: Duration(milliseconds: 1600),
     ),
     _Cloud(
       color: _Cloud._light,
       initialValue: 0.3,
-      dy: 75,
+      dy: 65.0,
       image: AssetImage(_Cloud._assets[2]),
       width: 60,
       duration: Duration(milliseconds: 1600),
     ),
     _Cloud(
       color: _Cloud._dark,
       initialValue: 0.8,
-      dy: 80,
+      dy: 70.0,
       image: AssetImage(_Cloud._assets[3]),
       width: 100,
       duration: Duration(milliseconds: 1600),
     ),
     _Cloud(
       color: _Cloud._normal,
       initialValue: 0.0,
-      dy: 110,
+      dy: 10,
       image: AssetImage(_Cloud._assets[0]),
       width: 80,
       duration: Duration(milliseconds: 1600),
@@ -143,6 +139,8 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
     super.dispose();
   }
 
+  static const _offsetToArmed = 150.0;
+
   @override
   Widget build(BuildContext context) {
     final screenWidth = MediaQuery.of(context).size.width;
@@ -163,15 +161,16 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
       },
     );
     return CustomRefreshIndicator(
+      offsetToArmed: _offsetToArmed,
       child: widget.child,
       onRefresh: () => Future.delayed(const Duration(seconds: 3)),
       builder:
           (BuildContext context, Widget child, IndicatorController controller) {
         return AnimatedBuilder(
-          animation: widget.controller,
-          child: widget.child,
+          animation: controller,
+          child: child,
           builder: (context, child) {
-            final currentState = widget.controller.state;
+            final currentState = controller.state;
             if (_prevState == IndicatorState.armed &&
                 currentState == IndicatorState.loading) {
               _startCloudAnimation();
@@ -191,7 +190,7 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
               children: <Widget>[
                 if (_prevState != IndicatorState.idle)
                   Container(
-                    height: 150 * widget.controller.value,
+                    height: _offsetToArmed * controller.value,
                     color: Color(0xFFFDFEFF),
                     width: double.infinity,
                     child: AnimatedBuilder(
@@ -206,7 +205,7 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
                                   ((screenWidth + cloud.width) *
                                           cloud.controller.value) -
                                       cloud.width,
-                                  cloud.dy * widget.controller.value,
+                                  cloud.dy * controller.value,
                                 ),
                                 child: OverflowBox(
                                   minWidth: cloud.width,
@@ -241,7 +240,7 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
                     ),
                   ),
                 Transform.translate(
-                  offset: Offset(0.0, 150 * widget.controller.value),
+                  offset: Offset(0.0, _offsetToArmed * controller.value),
                   child: child,
                 ),
               ],
@@ -252,10 +251,3 @@ class _PlaneIndicatorState extends State<PlaneIndicator>
     );
   }
 }
-
-CustomIndicatorConfig planeIndicator = CustomIndicatorConfig(
-  builder: (context, child, data) => PlaneIndicator(
-    child: child,
-    controller: data,
-  ),
-);

example/lib/main.dart

@@ -4,7 +4,6 @@ import 'package:example/screens/plane_indicator_screen.dart';
 import 'package:flutter/material.dart';
 
 import 'indicators/emoji_indicator.dart';
-import 'indicators/plane_indicator.dart';
 import 'indicators/test_indicator.dart';
 
 void main() => runApp(MyApp());
@@ -17,6 +16,7 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
       ),
+
       home: MainScreen(),
       routes: {
         '/example': (context) => ExampleIndicatorScreen(),
@@ -72,7 +72,6 @@ class MainScreen extends StatelessWidget {
               onPressed: () => Navigator.pushNamed(
                 context,
                 '/plane',
-                arguments: planeIndicator,
               ),
             ),
             const SizedBox(height: 15),

example/lib/screens/plane_indicator_screen.dart

@@ -1,4 +1,3 @@
-import 'package:custom_refresh_indicator/custom_refresh_indicator.dart';
 import 'package:example/indicators/plane_indicator.dart';
 import 'package:example/widgets/example_app_bar.dart';
 import 'package:example/widgets/example_list.dart';
@@ -17,19 +16,8 @@ class _PlaneIndicatorScreenState extends State<PlaneIndicatorScreen> {
       backgroundColor: appBackgroundColor,
       appBar: const ExampleAppBar(),
       body: SafeArea(
-        child: CustomRefreshIndicator(
-          leadingGlowVisible: false,
-          offsetToArmed: 200.0,
-          trailingGlowVisible: false,
-          onRefresh: () => Future.delayed(const Duration(seconds: 3)),
+        child: PlaneIndicator(
           child: const ExampleList(),
-          builder: (BuildContext context, Widget child,
-              IndicatorController controller) {
-            return PlaneIndicator(
-              child: child,
-              controller: controller,
-            );
-          },
         ),
       ),
     );

example/lib/widgets/example_list.dart

@@ -8,7 +8,14 @@ class ExampleList extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return DecoratedBox(
-      decoration: BoxDecoration(color: backgroundColor),
+      decoration: BoxDecoration(color: backgroundColor, boxShadow: [
+        BoxShadow(
+          blurRadius: 2,
+          color: Colors.black12,
+          spreadRadius: 0.5,
+          offset: Offset(0.0, .0),
+        )
+      ]),
       child: ListView.separated(
         itemBuilder: (BuildContext context, int index) => const Element(),
         itemCount: 4,