buildExploreTile function

Implementation

Widget buildExploreTile({
  required IconData icon,
  required String label,
  required Color iconBackground,
  required Color labelBackground,
  required VoidCallback onPressed,
  double width = 170,
}) {
  return FilledButton(
    onPressed: onPressed,
    style: ButtonStyle(
      padding: WidgetStateProperty.all(EdgeInsets.zero),
      backgroundColor: WidgetStateProperty.all(Colors.transparent),
      elevation: WidgetStateProperty.all(0),
      shape: WidgetStateProperty.all(
        RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
      ),
      overlayColor: WidgetStateProperty.all(Colors.black12),
    ),
    child: Stack(
      alignment: Alignment.centerLeft,
      children: [
        Container(
          width: width,
          margin: const EdgeInsets.only(left: 25),
          padding: const EdgeInsets.fromLTRB(50, 16, 20, 16),
          decoration: BoxDecoration(
            color: labelBackground,
            borderRadius: BorderRadius.circular(16),
            boxShadow: const [
              BoxShadow(
                color: Colors.black26,
                offset: Offset(3, 3),
                blurRadius: 8,
              ),
            ],
          ),
          child: Row(
            children: [
              Expanded(
                child: Text(
                  label,
                  style: GoogleFonts.deliciousHandrawn(
                    fontSize: 24,
                    color: Colors.black87,
                  ),
                ),
              ),
            ],
          ),
        ),
        CircleAvatar(
          radius: 32,
          backgroundColor: iconBackground,
          child: Icon(icon, color: Colors.white, size: 30),
        ),
      ],
    ),
  );
}