Shoppi - Shop List View

shop_list_view.dart

class ShopListView extends StatefulWidget {
  final bool isUserOnPage;

  const ShopListView({Key key, this.isUserOnPage}) : super(key: key);
  @override
  _ShopListViewState createState() => _ShopListViewState();
}

class _ShopListViewState extends BaseState<ShopListView> {
  ShopViewModel shopViewModel;

  @override
  void initState() {
    super.initState();
    shopViewModel = ShopViewModel();
    shopViewModel.setContext(context);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<Product>>(
      future: shopViewModel.getAllProduct(),
      initialData: [],
      builder: (context, AsyncSnapshot<List<Product>> snapshot) {
        switch (snapshot.connectionState) {
          case ConnectionState.done:
            if (snapshot.hasData) {
              return _body(snapshot.data);
            }
            return Text("Err");
          default:
            return Center(
              child: CircularProgressIndicator(),
            );
        }
      },
    );
  }

  Widget _body(List<Product> datas) => Column(
        children: <Widget>[
          buildExpandedBody(),
          buildSubListContainer(),
        ],
      );

  // 2
  Widget buildSubListContainer() {
    return Consumer<ProductListNotifier>(
      builder: (context, value, child) => AnimatedContainer(
        height: value.productList.length <= 0 || !widget.isUserOnPage
            ? 0
            : dynamicHeight(0.1),
        decoration: BoxDecoration(color: currentTheme.primaryColor),
        padding: EdgeInsets.symmetric(horizontal: dynamicHeight(0.02)),
        duration: Duration(milliseconds: 500),
        child: buildRow(value),
      ),
    );
  }

  // 2.0.1
  Row buildRow(ProductListNotifier value) {
    return Row(
      children: <Widget>[
        text,
        SizedBox(width: dynamicWidth(0.05)),
        buildExpandedProductList(value.productList),
        NumberCircleAvatar(index: value.productList.length)
      ],
    );
  }

  // 2.1
  Expanded buildExpandedProductList(List<Product> productList) {
    return Expanded(
      child: ListView.builder(
        shrinkWrap: true,
        itemCount: productList.length,
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          return ShoppingCardCircle(
            currentTheme: currentTheme,
            product: productList[index],
            index: index,
          );
        },
      ),
    );
  }

  /// 1
  Widget buildExpandedBody() {
    return Expanded(
      child: ChangeNotifierProvider<ShopViewModel>.value(
          value: shopViewModel,
          child: Consumer<ShopViewModel>(
            builder: (context, value, child) => Card(
              color: currentTheme.canvasColor,
              margin: EdgeInsets.zero,
              elevation: 0,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.vertical(
                  bottom: Radius.circular(
                    dynamicHeight(0.05),
                  ),
                ),
              ),
              child: Padding(
                padding: EdgeInsets.only(bottom: dynamicHeight(0.03)),
                child: CustomScrollView(
                  slivers: <Widget>[
                    buildSliverAppBar(),
                    buildSliverProductGrid()
                  ],
                ),
              ),
            ),
          )),
    );
  }

  /// 1.1
  SliverAppBar buildSliverAppBar() {
    return SliverAppBar(
      expandedHeight: dynamicHeight(0.2),
      pinned: true,
      elevation: 0,
      backgroundColor: currentTheme.canvasColor,
      flexibleSpace: FlexibleSpaceBar(
        title: Text(
          appStrings.shopConstants.title,
          style: currentTheme.textTheme.headline3
              .copyWith(color: currentTheme.primaryColor),
        ),
        centerTitle: false,
        titlePadding: EdgeInsets.only(left: 10),
      ),
    );
  }

  /// 1.2
  Widget buildSliverProductGrid() {
    return SliverPadding(
      padding: insetsAll(0.02),
      sliver: SliverGrid(
        gridDelegate: appConstants.sliverGridDelegateWithFixedCrossAxisCount,
        delegate: SliverChildBuilderDelegate(
          (BuildContext context, int index) {
            final product = shopViewModel.productList[index];
            return InkWell(
              onTap: () async => productCardOnPressed(index, product),
              child: buildHero(index, product),
            );
          },
          childCount: shopViewModel.productList.length,
        ),
      ),
    );
  }

  //1.3
  Widget get text => Text(appStrings.shopConstants.subTitle,
      style: currentTheme.textTheme.headline3
          .copyWith(color: currentTheme.canvasColor));

  // 1.3
  Hero buildHero(int index, Product product) {
    return Hero(
        tag: appStrings.listHeroTag(index),
        child: ShoppingCard(product: product));
  }

  Future<void> productCardOnPressed(int index, Product product) async {
    final data = await Navigator.of(context).push(MaterialPageRoute(
      builder: (context) => ShopDetailView(data: product, index: index),
    ));
    if (data == null) {
      return;
    } else {
      if (shopViewModel.subList.contains((data))) {
      } else {
        shopViewModel.subList.add(data);
      }
      setState(() {});
    }
  }
}