Skip to main content

Material Button

1​

Button Image

import 'package:flutter/material.dart';
MaterialButton(
  onPressed: () {},
  child: const Text('Material Button'),
),

2​

Button Image

import 'package:flutter/material.dart';
MaterialButton(
  onPressed: () {},
  color: Colors.amber,
  height: 50,
  padding: const EdgeInsets.symmetric(horizontal: 30),
  child: const Text('Material Button'),
),

3​

Button Image

import 'package:flutter/material.dart';
RawMaterialButton(
  onPressed: () {},
  child: const Text('Raw Material Button'),
),

4​

Button Image

import 'package:flutter/material.dart';
RawMaterialButton(
  onPressed: () {},
  padding: const EdgeInsets.symmetric(horizontal: 30),
  fillColor: Colors.lightBlue,
  child: const Text('Raw Material Button'),
),