bottomNavigationBar: Container(
          padding: EdgeInsets.symmetric(
              horizontal: 10, vertical: 30), // Reduce padding
          decoration: BoxDecoration(),
          child: ConvexAppBar(
            backgroundColor: Colors.white,
            cornerRadius: 5,
            color: AppColors.black,
            activeColor: AppColors.primary2,
            style: TabStyle.fixedCircle,
            shadowColor: Colors.grey.shade400,
            items: [
              TabItem(title: 'Home', icon: Icons.list),
              TabItem(title: 'Home', icon: Icons.list),
              TabItem(
                icon: Container(
                  padding: EdgeInsets.all(5),
                  decoration: BoxDecoration(
                    color: AppColors.primary2,
                    shape: BoxShape.circle,
                  ),
                  child:
                      SvgPicture.asset('assets/icons/home_center_flower.svg'),
                ),
              ),
              TabItem(title: 'Home', icon: Icons.list),
              TabItem(title: 'Home', icon: Icons.list),
            ],
            initialActiveIndex: 1,
            onTap: (int i) => print('click index=$i'),
          ),
        )

use convex_bottom_bar: ^3.2.0 from pub.dev https://pub.dev/packages/convex_bottom_bar