Skip to main content

Floating Action Button

Small​

Button Image

import 'package:flutter/material.dart';
FloatingActionButton.small(
  onPressed: () {},
  child: const Icon(Icons.camera),
),

Default​

Button Image

import 'package:flutter/material.dart';
FloatingActionButton(
  onPressed: () {},
  child: const Icon(Icons.camera),
),

Large​

Button Image

import 'package:flutter/material.dart';
FloatingActionButton.large(
  onPressed: () {},
  child: const Icon(Icons.camera),
),

Extended​

Button Image

import 'package:flutter/material.dart';
FloatingActionButton.extended(
  onPressed: () {},
  icon: const Icon(Icons.camera),
  label: const Text('Camera'),
),