feat(example): improve example perfomance

example/lib/card_view.dart

@@ -9,47 +9,37 @@ class CardView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Card(
+    return Container(
-      child: Stack(
+      padding: const EdgeInsets.all(16.0),
+      decoration: const BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topCenter,
+          end: Alignment.bottomCenter,
+          stops: [
+            0.5,
+            1,
+          ],
+          colors: [
+            Colors.blueAccent,
+            Color.fromARGB(255, 6, 28, 61),
+          ],
+        ),
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.end,
+        crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
-          SizedBox.expand(
+          Text(
-            child: Material(
+            text,
-              borderRadius: BorderRadius.circular(12.0),
+            style: const TextStyle(
-              child: Container(
+                color: Colors.white,
-                color: Colors.blueAccent,
+                fontSize: 20.0,
-              ),
+                fontWeight: FontWeight.w700),
-            ),
           ),
-          SizedBox.expand(
+          const Padding(padding: EdgeInsets.only(bottom: 8.0)),
-            child: Container(
+          Text("$text details",
-              decoration: const BoxDecoration(
+              textAlign: TextAlign.start,
-                  gradient: LinearGradient(
+              style: const TextStyle(color: Colors.white)),
-                      colors: [Colors.transparent, Colors.black54],
-                      begin: Alignment.center,
-                      end: Alignment.bottomCenter)),
-            ),
-          ),
-          Align(
-            alignment: Alignment.bottomLeft,
-            child: Container(
-                padding: const EdgeInsets.symmetric(
-                    vertical: 16.0, horizontal: 16.0),
-                child: Column(
-                  mainAxisAlignment: MainAxisAlignment.end,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: <Widget>[
-                    Text(text,
-                        style: const TextStyle(
-                            color: Colors.white,
-                            fontSize: 20.0,
-                            fontWeight: FontWeight.w700)),
-                    const Padding(padding: EdgeInsets.only(bottom: 8.0)),
-                    Text("$text details",
-                        textAlign: TextAlign.start,
-                        style: const TextStyle(color: Colors.white)),
-                  ],
-                )),
-          )
         ],
       ),
     );

example/lib/main.dart

@@ -31,13 +31,10 @@ class MyHomePage extends StatefulWidget {
 
 class _MyHomePageState extends State<MyHomePage> {
   int counter = 4;
+  final cardController = SwipeableCardSectionController();
 
   @override
   Widget build(BuildContext context) {
-    //create a CardController
-    SwipeableCardSectionController cardController =
-        SwipeableCardSectionController();
-
     return Scaffold(
       appBar: AppBar(
         title: Text(widget.title),