Hi Roberto,

I encounter issue running your template in VS code. Would appreciate if you can do a video tutorial on how to use/run the template.

Thank you.

Hello Roberto First thing first, thank you so much this is such a wonderful repository Actually this is not a repository issue, this is happened when i tried to add list to the category, hope you will help me with this. I am trying to create a category page where on click on specific category(image) will expand the list items and by clicking on the same category(image) the list items will collapse(close), my problem here is listview should not collapse on clicking the listview items instead it should go to other page, here is what i tried

import 'package:flutter/material.dart';
import 'package:parallax_image/parallax_image.dart';
import 'package:ecommerce_int2/screens/staggeredList/card_list_screen.dart';

class CCategoryCard extends StatelessWidget {
  final Color begin;
  final Color end;
  final String categoryName;
  final String assetPath;

  CCategoryCard(
      {Key key,
        this.controller,
        this.begin,
        this.end,
        this.categoryName,
        this.assetPath})
      :

        height = Tween<double>(begin: 200, end: 150.0).animate(
          CurvedAnimation(
            parent: controller,
            curve: Interval(
              0.0,
              0.400,
              curve: Curves.ease,
            ),
          ),
        ),
        itemHeight = Tween<double>(begin: 0, end: 180.0).animate(
          CurvedAnimation(
            parent: controller,
            curve: Interval(
              0.0,
              0.900,
              curve: Curves.ease,
            ),
          ),
        ),

        super(key: key);


  final Animation<double> controller;
  final Animation<double> height;
  final Animation<double> itemHeight;

  Widget _buildAnimation(BuildContext context, Widget child) {
    return Container(
      child: Column(
        children: <Widget>[
               Container(
                height: height.value,
                width: MediaQuery.of(context).size.width,

                  child: new ParallaxImage(
                    extent: 200.0,

                    image: new AssetImage(
                      assetPath,
                    ),

                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.end,
                      children:<Widget>[
                      Container(
                        padding: const EdgeInsets.all(16.0),
                        alignment: Alignment(-1, 0),
                        child: new Text(categoryName,
                        style: TextStyle(fontSize: 22,
                            color: Colors.white,
                            fontWeight: FontWeight.bold),),),

                      Container(
                        //padding: const EdgeInsets.all(16.0),
                          decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.all(Radius.circular(24))),
                        padding:
                        const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
                        child: Text(
                          'View more',
                          style: TextStyle(color: end, fontWeight: FontWeight.bold),
                        ),),],),),
              ),

          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.end,
            children: <Widget>[
              Container(
                padding: EdgeInsets.only(bottom: 16.0),
                height: itemHeight.value,
                child:  CardListScreen(),       //list view
              ),
            ],
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      builder: _buildAnimation,
      animation: controller,
    );
  }
}

class StaggeredCardCard extends StatefulWidget {
  final Color begin;
  final Color end;
  final String categoryName;
  final String assetPath;
  final String imagePath;

  const StaggeredCardCard(
      {Key key, this.begin, this.end, this.categoryName, this.assetPath, this.imagePath})
      : super(key: key);

  @override
  _StaggeredCardCardState createState() => _StaggeredCardCardState();
}

class _StaggeredCardCardState extends State<StaggeredCardCard>
    with TickerProviderStateMixin {
  AnimationController _controller;
  bool isActive = false;

  @override
  void initState() {
    super.initState();

    _controller = AnimationController(
        duration: const Duration(milliseconds: 300), vsync: this);
  }


  Future<void> _playAnimation() async {
    try {
      await _controller.forward().orCancel;
    } on TickerCanceled {
      // the animation got canceled, probably because we were disposed
    }
  }

  Future<void> _reverseAnimation() async {
    try {
      await _controller.reverse().orCancel;
    } on TickerCanceled {
      // the animation got canceled, probably because we were disposed
    }
  }

  @override
  Widget build(BuildContext context) {
    var timeDilation = 10.0; // 1.0 is normal animation speed.
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: () {
        if (isActive) {
          isActive = !isActive;
          _reverseAnimation();
        }

        else {
          isActive = !isActive;
          _playAnimation();
        }
      },
      child: CCategoryCard(
        controller: _controller.view,
        categoryName: widget.categoryName,
        begin: widget.begin,
        end: widget.end,
        assetPath: widget.assetPath,
      ),
    );
  }
}

Even on clicking the l list view the reverseAnimation is happening, which in my case it is not required please help me out

Compiler message: lib/screens/auth/confirm_otp_page.dart:180:47: Error: The argument type 'BoxDecoration Function(Color)' can't be assigned to the parameter type 'BoxDecoration Function(Color, Color, {double borderWidth, double radius})'.

• 'BoxDecoration' is from 'package:flutter/src/painting/box_decoration.dart' ('/E:/flutter/packages/flutter/lib/src/painting/box_decoration.dart').
• 'Color' is from 'dart:ui'. pinBoxDecoration: (color) { ^ /E:/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.14.4/lib/src/picture_stream.dart:92:3: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. PictureStream(); ^^^^^^^^^^^^^ /E:/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.14.4/lib/src/picture_stream.dart:192:16: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. abstract class PictureStreamCompleter extends Diagnosticable { ^

Compiler message: lib/screens/auth/confirm_otp_page.dart:180:47: Error: The argument type 'BoxDecoration Function(Color)' can't be assigned to the parameter type 'BoxDecoration Function(Color, Color, {double borderWidth, double radius})'.

• 'BoxDecoration' is from 'package:flutter/src/painting/box_decoration.dart' ('/E:/flutter/packages/flutter/lib/src/painting/box_decoration.dart').
• 'Color' is from 'dart:ui'. pinBoxDecoration: (color) { ^ /E:/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.14.4/lib/src/picture_stream.dart:92:3: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. PictureStream(); ^^^^^^^^^^^^^ /E:/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.14.4/lib/src/picture_stream.dart:192:16: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. abstract class PictureStreamCompleter extends Diagnosticable { ^ Target kernel_snapshot failed: Exception: Errors during snapshot creation: null build failed.

FAILURE: Build failed with an exception.

• Where: Script 'E:\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 882

• What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command 'E:\flutter\bin\flutter.bat'' finished with non-zero exit value 1

• Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 25s Exception: Gradle task assembleDebug failed with exit code 1

Hello Robert,

I downloaded your project file but it shows me error message while running the application

The supplied phased action failed with an exception. A problem occurred configuring root project 'android'. A problem occurred evaluating root project 'android'. A problem occurred configuring project ':app'. A problem occurred evaluating project ':app'.

Flutter SDK not found. Define location with flutter.sdk in the local.properties file.

Hello, I just downloaded this flutter code template and I have problem. It display black screen after the intro_page. I tried this on my other device and it does not show a black screen. How to solve this?