Breaking News: Grepper is joining You.com. Read the official announcement!

flutter material button

Add Answer

fra_font answered on April 30, 2021 Popularity 10/10 Helpfulness 6/10

answer flutter material button

related buttons in flutter

related flutter button

related button flutter

flutter material button

Comment

MaterialButton(
  onPressed: () {},
  child: Text("My text"),
),

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: button flutter-material whatever

Link to this answer
Share Copy Link

Contributed on Sep 06 2021

fra_font

0 Answers Avg Quality 2/10

Closely Related Answers

buttons in flutter

Comment

TextButton(
              onPressed: (){
              },
              child: Text(
                "Nouvelle Texte"
              ),
            ),

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Apr 30 2021

Weary Wombat

0 Answers Avg Quality 2/10

flutter button

Comment

TextButton(
onPressed: () {
print('I got clicked');
},
child: Text('Button'),
style: TextButton.styleFrom(
primary: Colors.white,
textStyle: TextStyle(fontSize: 20.0),
backgroundColor: Colors.red),
),

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 18 2021

Niraj Kafle

0 Answers Avg Quality 2/10

button flutter

Comment

import 'package:flutter/material.dart';

class ButtonComponent extends StatelessWidget {
  final VoidCallback? onTap;
  final String? title;
  final double? fontSize, borderCircular, height, width;
  final Color? color, fontColor;
  final FontWeight? fontWeight;
  final LinearGradient? linearGradient;
  final BoxDecoration? boxDecoration;
  final TextStyle? textStyle;

  const ButtonComponent(
    this.title, {
    Key? key,
    this.onTap,
    this.fontSize,
    this.color,
    this.fontWeight,
    this.borderCircular,
    this.fontColor,
    this.linearGradient,
    this.height,
    this.boxDecoration,
    this.textStyle,
    this.width,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: width ?? MediaQuery.of(context).size.width,
      height: height ?? 54,
      decoration: boxDecoration ??
          BoxDecoration(
              boxShadow: [
                BoxShadow(
                    color: Colors.black26,
                    offset: Offset(0, 4),
                    blurRadius: 5.0)
              ],
              gradient: linearGradient ??
                  LinearGradient(
                    begin: Alignment.topCenter,
                    end: Alignment.bottomCenter,
                    colors: [Color(0xff427ECF), Color(0xff2D5994)],
                  ),
              color: color,
              borderRadius: BorderRadius.circular(borderCircular ?? 16)), 
      child: ElevatedButton(
        onPressed: onTap,
        style: ButtonStyle(
          shadowColor: MaterialStateProperty.all(Colors.transparent),
          backgroundColor: MaterialStateProperty.all(Colors.transparent),
          elevation: MaterialStateProperty.all<double>(0),
          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
            RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(
                borderCircular ?? 20,
              ),
            ),
          ),
        ),
        child: Text(
          title!,
          style: textStyle ??
              TextStyle(
                  color: fontColor ?? Colors.white,
                  fontSize: fontSize ?? 16,
                  fontWeight: fontWeight ?? semiBold),
        ),
      ),
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language dart

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Oct 10 2022

febritecno

0 Answers Avg Quality 2/10

flutter material button

Contents

More Related Answers

flutter material button

Closely Related Answers

buttons in flutter

flutter button

button flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.