cart design flutter

        floatingActionButton: Padding(
          padding: const EdgeInsets.fromLTRB(20, 8, 20, 8),
          child: SizedBox(
            width: 45,
            height: 45,
            child: FloatingActionButton(
              backgroundColor: ProjectColors().primaryColor,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadiusGeometry.circular(30),
              ),
              onPressed: () {
                Navigator.pushNamed(context, cartPage);
              },
              child: Stack(
                children: [
                  Align(
                    alignment: Alignment.center,
                    child: SvgPicture.asset(
                      Assets.imagesIcCart,
                      colorFilter:
                          index == 2
                              ? ColorFilter.mode(
                                ProjectColors().blue1,
                                BlendMode.srcIn,
                              )
                              : ColorFilter.mode(
                                ProjectColors().white,
                                BlendMode.srcIn,
                              ),
                    ),
                  ),
                  context.watch<CartProvider>().cartResponse != null &&
                          context.watch<CartProvider>().cartResponse?.items !=
                              null &&
                          context
                              .watch<CartProvider>()
                              .cartResponse!
                              .items!
                              .isNotEmpty
                      ? Positioned(
                        right: 0,
                        top: 0,
                        child: Card(
                          color: ProjectColors().red1,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(100),
                            side: BorderSide(
                              width: 1,
                              color: ProjectColors().white,
                            ),
                          ),
                          child: Padding(
                            padding: EdgeInsetsGeometry.fromLTRB(5, 0, 5, 0),
                            child: Text(
                              context
                                  .watch<CartProvider>()
                                  .cartResponse!
                                  .items!
                                  .length
                                  .toString(),
                              style: GoogleFonts.raleway(
                                color: ProjectColors().white,
                                fontSize: 12,
                                fontWeight: FontWeight.w800,
                              ),
                            ),
                          ),
                        ),
                      )
                      : SizedBox(),
                ],
              ),
            ),
          ),
        ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        floatingActionButton: Padding(
          padding: const EdgeInsets.fromLTRB(20, 8, 20, 8),
          child: SizedBox(
            width: 45,
            height: 45,
            child: FloatingActionButton(
              backgroundColor: ProjectColors().primaryColor,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadiusGeometry.circular(30),
              ),
              onPressed: () {
                Navigator.pushNamed(context, cartPage);
              },
              child: Stack(
                children: [
                  Align(
                    alignment: Alignment.center,
                    child: SvgPicture.asset(
                      Assets.imagesIcCart,
                      colorFilter:
                          index == 2
                              ? ColorFilter.mode(
                                ProjectColors().blue1,
                                BlendMode.srcIn,
                              )
                              : ColorFilter.mode(
                                ProjectColors().white,
                                BlendMode.srcIn,
                              ),
                    ),
                  ),
                  context.watch<CartProvider>().cartResponse != null &&
                          context.watch<CartProvider>().cartResponse?.items !=
                              null &&
                          context
                              .watch<CartProvider>()
                              .cartResponse!
                              .items!
                              .isNotEmpty
                      ? Positioned(
                        right: 0,
                        top: 0,
                        child: Card(
                          color: ProjectColors().red1,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(100),
                            side: BorderSide(
                              width: 1,
                              color: ProjectColors().white,
                            ),
                          ),
                          child: Padding(
                            padding: EdgeInsetsGeometry.fromLTRB(5, 0, 5, 0),
                            child: Text(
                              context
                                  .watch<CartProvider>()
                                  .cartResponse!
                                  .items!
                                  .length
                                  .toString(),
                              style: GoogleFonts.raleway(
                                color: ProjectColors().white,
                                fontSize: 12,
                                fontWeight: FontWeight.w800,
                              ),
                            ),
                          ),
                        ),
                      )
                      : SizedBox(),
                ],
              ),
            ),
          ),
        ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,