CustomButton Example - Button Flutter

 Screenshot: (Button only)

Code:

import 'package:flutter/material.dart';

import 'package:google_fonts/google_fonts.dart';

import 'package:insta/utils/colors.dart';

class CustomButton extends StatelessWidget {

  const CustomButton({

    Key? key,

    required this.onTap,

    required this.text,

  }) : super(key: key);

  final String text;

  final VoidCallback onTap;

  @override

  Widget build(BuildContext context) {

    return ElevatedButton(

      // ignore: sort_child_properties_last

      child: Text(

        text,

        style: GoogleFonts.poppins(

            fontWeight: FontWeight.w600, fontSize: 17, color: Colors.white),

        textAlign: TextAlign.center,

      ),

      style: ElevatedButton.styleFrom(

        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 60),

        primary: maincolor,

        onPrimary: Colors.white,

        shape: const RoundedRectangleBorder(

            borderRadius: BorderRadius.all(Radius.circular(20))),

      ),

      onPressed: onTap,

    );

  }

}